PDA

View Full Version : CMotion Gallery used as a 360 degree panoramic photo viewer.



absolutely
04-11-2006, 06:13 PM
Hi, MY questions relate to the CMotion Image Gallery (http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm).

Not sure how much you know about displaying 360 degree panoramic photographs on the web but basically the most popular way is using Quicktime. Recently QuickTime was updated to version 7 (http://www.apple.com/quicktime/download/win.html) and the download is now a massive 34.7Mb. Now that is rather a large program to download for anyone, but of you have dialup then forget it.
You can get the oler versions of Quicktime if you look but they are also very large.

The other ways of showing 360 degree photos is with Java Applets, these need JavaVM (http://java.com/en/download/index.jsp) installing. This does not come as standard with Windows XP Pro so again it has to be downloaded. Also these applets do not always seem to work on all systems and browsers so not ideal.
The other option is to use Flash, the only problem with this is that you need to have a very fast system to cope with it and also most apps seem to need version 8 of flash. Flash panorama viewers are quite new at this time and need more work.

So I thought I would try and make a 360 degree photo viewer that does not need ANY plugins or downloads. After seeing the moded version of the CMotion Image Gallery that is endless here (http://home.comcast.net/~jscheuer1/side/cmotion_continuous.htm). I thought that is just the job for showing a 360 photo.
I have modified the script and you can see my result on my demo page HERE (http://www.absolutelyandy.com/demo/360s/viewer2006_1/). Click on one of the thumbnails to see the result.
The 2nd thumnail on the page will show a preloader before showing the 360.

I have created these viewers by taking my original very long rectangular photo and slicing it into 5 pieces using the Image Slicer in Paint Shop Pro.
I have made the 5 sections right next to each other and with no borders, this has the effect of making it look like a continous 360 photo.

If you have not seen a QuickTime 360 photo before then have a look HERE (http://geoimages.berkeley.edu/wwp905/html/GangLiu.html).
As you can see the effect is stunning. Notice how you can control the view by dragging the mouse.

My question is :
Can you make a script which will create the feel of control that you get with a Quicktime viewer.
I realise its not possible to create the warping of the image edges as this is too complex.
Also the dragging method of control may be difficult to replicate so what would be good is if you can make it so it only scrolls if you click with the mouse. As you can see on my demos the viewpoint changes just by hovering the mouse which is not quite as good.
Also the Zoom option you get with QuickTime is not possible and I dont think that is a requirment anyway.
Also I relaise it is only possible to cope with flat panoramic photos, in other words you cant look up and down. thats ok.

Please let me know what you think, would it be possible?
If not then perhaps let me know what I need to change on your cmotion script in order to make it only scroll when you click and that will be great.

Thanks in advance.
Andy

absolutely
04-20-2006, 06:52 PM
John, have you had chance to look at this one yet?
Since the auto Windows updates came out last week, content such as quicktime,flash and applets now have to be recoded using javascript so it makes my idea of a plugin-less viewer even more popular.
Microsoft lost their case against Eolas and this has meant that pages have to be redone to make them get around the new "Click to activate this control" issue. See HERE (http://www.theregister.co.uk/2004/03/05/eolas_web_patent_nullified/). and also HERE (http://www.macromedia.com/devnet/activecontent/articles/devletter.html).

So it would be great if you can spare some time and look at my 360 photo viewer.

absolutely
06-04-2006, 05:03 PM
Hi, MY question relates to your script here (http://home.comcast.net/~jscheuer1/side/cmotion_continuous.htm).

I have modified the script slightly to show a 360 degree photo and you can see my result on my demo page HERE (http://www.absolutelyandy.com/demo/360s/viewer2006_1/). Click on one of the thumbnails to see the result.The 2nd thumnail on the page will show a preloader before showing the 360.

I have one simply question, which lines of YOUR script do I need to alter so it scrolls ONLY when I click in the scroll areas (left or right).
In other words I do not want it to move unless you are holding the mouse button down in the scroll areas, at the moment it scrolls as soon as your put the mouse in those areas. I guess this is a simply change but I do not know how to do this.

Thanks in advance.
Andy

jscheuer1
06-04-2006, 05:56 PM
At what point does your site first start erasing clipboard data?

absolutely
06-05-2006, 05:03 AM
Hi John, I have removed the script that erases the clipboard in case you need the clipboard?
I have also removed the no right-click script so you can see what you are doing.

Does this help you?

Thanks

djr33
06-05-2006, 05:27 AM
I like that script. It's quite nice.

Note that claiming it works in all browsers is only true if they have javascript that supports all of that. Most do, though. But not all. And you can turn it off in the ones that do.

:)

absolutely
06-05-2006, 04:00 PM
I like that script. It's quite nice.
Note that claiming it works in all browsers is only true if they have javascript that supports all of that. Most do, though. But not all. And you can turn it off in the ones that do.
:)

Glad you like it, If you are the type of person that turns off Javascript then you are unlikely to be the kind of person that uses plug-ins, active-x,quicktime or flash and would therefore not be expecting to be able to do anything remotely fancy on the net. That is really what I meant by works on all browsers without plugins. Thankfully these days all the top browsers are very similar so tend to all work the same unless you are trying something odd.

Javascript is something which is accepted as being required to "use the internet" properly, if they have turned that off as well then they are not really my target audience.:)

Just for your reference I looked at my web stats for my other website which provides a breakdown of browser used to visit my site, I have pasted them in at the bottom so you can see the type of user that visits and the current browser version spread.

Hope this helps.
Andy

Web stats Browser type and version, Based on 786,432 web visitors for May 2006. This information may be of use to people wanting to know who is using what at the moment.
As you can see 87.2% of people use Microsoft browser still, 84.2% of those using version 6.0 of it.

browser, hits, percentage

MSIE 685776 87.2 %
Msie 7.0 6464 0.8 %
Msie 6.1 1 0 %
Msie 6.0 662430 84.2 %
Msie 5.5 7165 0.9 %
Msie 5.23 937 0.1 %
Msie 5.22 265 0 %
Msie 5.21 67 0 %
Msie 5.17 1259 0.1 %
Msie 5.16 136 0 %
Msie 5.15 24 0 %
Msie 5.14 16 0 %
Msie 5.13 1 0 %
Msie 5.12 124 0 %
Msie 5.01 4237 0.5 %
Msie 5.00 1 0 %
Msie 5.0 1802 0.2 %
Msie 4.5 10 0 %
Msie 4.01 789 0.1 %
Msie 4.0 19 0 %
Msie ? 29 0 %

FIREFOX 60159 7.6 %
Firefox 2.0 32 0 %
Firefox 1.6 201 0 %
Firefox 1.5.0.4 1 0 %
Firefox 1.5.0.3 36235 4.6 %
Firefox 1.5.0.2 4723 0.6 %
Firefox 1.5.0.1 2242 0.2 %
Firefox 1.5 774 0 %
Firefox 1.4.1 1 0 %
Firefox 1.4 279 0 %
Firefox 1.0.8 594 0 %
Firefox 1.0.7 8722 1.1 %
Firefox 1.0.6 2209 0.2 %
Firefox 1.0.5 129 0 %
Firefox 1.0.4 1043 0.1 %
Firefox 1.0.3 303 0 %
Firefox 1.0.2 261 0 %
Firefox 1.0.1 475 0 %
Firefox 1.0 1468 0.1 %
Firefox 0.9.3 71 0 %
Firefox 0.9.2 36 0 %
Firefox 0.9.1 18 0 %
Firefox 0.8 63 0 %
Firefox 0.10.1 261 0 %
Firefox 0.10 18 0 %

NETSCAPE 6018 0.7 %
Netscape 8.1 497 0 %
Netscape 8.0.4 47 0 %
Netscape 8.0.3.3 62 0 %
Netscape 8.0.2 2 0 %
Netscape 7.2 1421 0.1 %
Netscape 7.1 667 0 %
Netscape 7.02 72 0 %
Netscape 7.01 98 0 %
Netscape 7.0 184 0 %
Netscape 6.2.1 22 0 %
Netscape 5.0 396 0 %
Netscape 4.78 1 0 %
Netscape 4.77 13 0 %
Netscape 4.75 1 0 %
Netscape 4.73 1 0 %
Netscape 4.7 2 0 %
Netscape 4.5 69 0 %
Netscape 4.0 2403 0.3 %
Netscape 3.0 60 0 %

Others 34479 4.3 %
Safari 15807 2 %
Unkwn ? 9116 1.1 %
Mozilla 4851 0.6 %
Opera 3862 0.4 %
Konqueror 223 0 %
LibWWW 127 0 %
Cami 114 0 %
Wget 98 0 %
WebTV browser 80 0 %
NetShow Player (media player) 59 0 %
Viking 45 0 %
Links 39 0 %
kia Browser (PDA/Phone browser) 12 0 %
Real player or compatible (media player) 9 0 %
iBrowse 9 0 %
Acrobat 8 0 %
Galeon 7 0 %
Windows Media Player (media player) 5 0 %
iCab 4 0 %
Firebird (Old Firefox) 2 0 %
Curl 1 0 %
OmniWeb 1 0 %

End