Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Recreating the Javascript-powered 360° VR view from the iPad gallery

On the iPad gallery at http://movies.apple.com/ipad/gallery/ there is a nifty 3D-ish view when you click on the "360°"-Button on the lower right. It seems to be built with Prototype, some custom JS and 180 single JPEGs.
Now, I don't want to steal Apple's code, but I really would like to have a similar effect. I'm afraid recreating the effect all by myself would be too much for me, so has anybody ever done something like this and released it as open source (or a paid library or something like this)? Integration with jQuery would be an added bonus.

like image 738
winsmith Avatar asked Dec 13 '22 23:12

winsmith


2 Answers

How about this:

Reel is a jQuery plugin which takes an image tag and makes it a live "projection" of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash techniques.

like image 188
Thilo Avatar answered May 22 '23 09:05

Thilo


Maybe what heporap is trying to say is: construct the 3D VR effect in the same way you might make a slider animation.

I guess a slider changes the position of an image in relation to where a mouse cursor is positioned so...

Perhaps try changing the IMG tag's SRC attribute on document.onmousemove and object.onmousedown for drag/positioning effect?

Maybe that sounds obvious, and I'm no maverick coder but it's a start...

like image 43
kobe Avatar answered May 22 '23 09:05

kobe