Combien d'images nécessaires pour créer JavaScript 360 degrés effet de rotation d'image?

Question

je regardais des démos chez Apple sur HTML5 mettant en vedette certains cool, démos CSS3 et JavaScript et je suis intriguée par celui-ci , une visionneuse de produit à 360 degrés de toutes sortes.

Je me demandais de nombreuses photos que vous pensez que je devrais essayer de reproduire ce. Apple se disent several sur la page, mais ce n'est pas très descriptif.

Il semble que ce serait une tâche très ardue d'essayer et accomplir donc je ne peux pas le faire, mais je me demande.

Merci.

Answer 1

Ils ne précisent pas parce qu'il n'y a pas de vraie réponse. Si vous voulez qu'il soit super lisse, 360 images serait bien. Apple a utilisé 72. Vous pouvez utiliser un nombre quelconque de 2 à 72 à 360 à l'infini pour obtenir l'effet technique, il est donc votre appel à quel point le travail est une valeur à quel point un effet lisse.

Désolé.

Answer 2

La démo utilise 72 images.

^{Soit dit en passant, la démo semble mettre à jour que l'attribut image src.}

Answer 3

dépend de la précision de la rotation que vous voulez.

Il n'y a pas de nombre fixe.

Dans cet exemple spécifique qu'ils utilisent 72.

les images peuvent être trouvées à l'adresse http: // développeur. apple.com/safaridemos/showcase/threesixty/images/optimized/Seq_v04_640x378_72.jpg

remplacer les 72 de l'URL avec 01 72 pour obtenir toutes les images.

Answer 4

Vous avez besoin several, qui est aussi descriptif qu'il obtient.

Mais attention une chose. Si vous les chargez dans un ordre spécifique, vous pouvez obtenir un effet progressif.

Par exemple, la charge première « nord » et « sud ». Puis « est » et « ouest ». Puis « au nord-ouest », « sud-ouest », « nord » et « sud-est » et ainsi de suite, de cette façon vous pouvez avoir plus de 72 images, mais l'utilisateur ne doit attendre pour obtenir une surface lisse progressivement l'expérience.

Notez que dans ce cas, vous seriez de les charger dans des puissances de deux.

1ère charge (après une image est déjà là): 1 image (à l'opposé)
2ème charge: 2 images (les côtés)
3ème charge: 4 images
4ème charge: 8 images
...
8ème charge:. 128 images

Notez que vous n'utiliser degrés aussi facilement. (Ils devaient juste diviser par 5, 360/5 = 72)
Pour le calcul de l'image qui est sur un degré donné que vous utiliseriez interpolation.
Alors d'abord vous souhaitez interpoler 360 degrés vers le bas à 2 (images), puis 4, puis 8 ... de savoir quelle image pour choisir sur la base duquel vous avez

Une explication facile d'interpolation est .

Answer 5

Du visuel pas la technique ... Le Lissage de la rotation est le facteur que vous voulez regarder sur le nombre d'images dont vous avez besoin. La taille si l'objet et le niveau d'aide de détail dans la réponse, vous avez alors la bande passante. 20 images est un minimum, 40 est une bonne recommandation, mais 72 ressemble beaucoup. Rappelez-vous que si elle est la photographie, chaque image ajoute plus de travail et de la difficulté.

Voici un tableau le permet présenter la quantité d'images. http://www.photospherix.com/matrix.html

Answer 6

Vous pouvez télécharger la démo d'ici Avoir un jeu avec elle, je pense 24 est un bon nombre mais cela dépend combien vous prévoyez vue en rotation sur la création.

http: // lukedurrant .com / 2011/08 / pommes-360-rotation-ipod-html-5 code source téléchargement /