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

Question

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.

Answer 1

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.

Answer 2

You may make it like a slider to change image's src.

http://movies.apple.com/media/us/ipad/2010/spins/apple-ipad-us-20100127_512x512/ipad-1up-us-20100127_512x512_172.jpg http://movies.apple.com/media/us/ipad/2010/spins/apple-ipad-us-20100127_512x512/ipad-1up-us-20100127_512x512_135.jpg

Answer 3

Anyone successfully made this work locally?

I've been trying for over a week now, wasting valuable work time ;)

Answer 4

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...

Answer 5

I know its an old thread, but its still high on google result. Here is a jQuery plugin that does exactly that effect http://giniedp.github.com/spritespin/