1. Accueil
  2. Question et réponse
  3. Recréer la vue 360 ​​° VR de Javascript à partir de la galerie iPad

Recréer la vue 360 ​​° VR de Javascript à partir de la galerie iPad

2010-02-17 4 views
4

Sur la galerie iPad au http://movies.apple.com/ipad/gallery/ il y a une vue astucieuse en 3D lorsque vous cliquez sur le bouton "360 °" en bas à droite. Il semble être construit avec Prototype, certains JS personnalisés et 180 JPEGs simples.
Maintenant, je ne veux pas voler le code d'Apple, mais je vraiment voudrais avoir un effet similaire. Je crains que recréer l'effet tout seul soit trop pour moi, donc quelqu'un at-il déjà fait quelque chose comme ça et l'a publié en open source (ou une bibliothèque payante ou quelque chose comme ça)? L'intégration avec jQuery serait un bonus supplémentaire.Recréer la vue 360 ​​° VR de Javascript à partir de la galerie iPad

Source

2010-02-17 winsmith

+0

c'est cool ... Il fait probablement partie du même outil qui a créé le JPEG 180 roté. – Thilo

+0

Thilo: Je suppose que les JPEG sont simplement rendus avec un logiciel 3D. – winsmith

Répondre

10

Que diriez-vous ceci:

Reel est un plugin jQuery qui prend une balise d'image et en fait une "projection" en direct de la séquence d'images animation pré-construit. Son objectif est de fournir une vue à 360 ° de quelque chose ou d'un endroit. Excellente alternative aux techniques Flash largement utilisées.

Source

2010-02-17 09:49:54 Thilo

+1

incroyable! Comment ai-je manqué cela pendant que je fais un googling pour la dernière demi-heure? – winsmith

1

Peut-être ce que heporap essaie de dire est: construire l'effet 3D VR de la même manière que vous pourriez faire une animation de curseur.

Je suppose un curseur change la position d'une image par rapport à l'endroit où un curseur de la souris est positionné de façon ...

Peut-être essayer de changer SRC attribut du IMG tag sur document.onmousemove et object.onmousedown pour un effet de glissement/positionnement?

Peut-être que cela semble évident, et je ne suis pas codeur franc-tireur, mais il est un bon début ...

Source

2010-03-25 00:41:33 kobe

0

Ou utilisez this one. C'est aussi Javascript mais avec des courbes pour ralentir et d'autres types de fonctions de zoom.

Source

2011-02-14 07:12:07 Jeroen

+0

Vous avez manqué un point. – winsmith

+0

http://www.360-javascriptviewer.com – robertp

Questions connexes

 Questions connexes