Away3D : Panorama 360°, les différentes solutions
Il y a deux principales solution pour faire un panorama à 360° libre (c'est à dire pas seulement horizontal) : utiliser un cube ou une sphère.
La Sphere
Pour réaliser le 360°, nous allons placer une HoverCamera3D à l'intérieur d'une sphère. La sphère n'étant mappé que de l'extérieur, il va falloir également inversé les faces comme ceci :
sphere.invertFaces();
Vous pouvez aussi simplement utiliser la propriété scaleX :
sphere
Away3D : Primitives, les principaux objets dont vous aurez besoin
Nous allons voir ici les objets que l'on se sert le plus : Cube, Plane, Sphere, Triangle.
Triangle
Ce n'est pas la forme que l'on utilise couramment, mais il est utile de la voir car c'est la forme de base. En effet chaque objet est composé d'un nombre plus ou moins important de Triangles. Par exemple, Plane est composé par défaut de 2 triangles. Il peut être toutefois utilisé quand on doit représenter un très grand nombre d'objets, par exemple des [...]
Away3D : Caméra et mouvements de caméra
Il y a 3 différentes caméras sur Away3D : Camera3D, TargetCamera3D et HoverCamera3D. La caméra s'ajoute sur la vue View3d, de deux façons :
var camera:Camera3D = new Camera3D();
var view:View3D = new View3D({camera:camera});
ou
Away3D : Installation et première animation
Voici le premier article d'une (assez) longue série de tutorial sur Away3D.
Déjà pourquoi Away3D plutôt qu'Alternativa3D, papervision, ou autre ? Mon choix s'est porté sur ce moteur qui est selon moi celui qui propose le meilleur compromis entre rapidité et performance. Alternativa3D est très performant mais il n'est pas Open Source et Papervision a été abandonné me semble t-il. Il y a de nouveaux concurrents avec l'arrivée de Molehill qui changera peut être la donne, mais il est trop tôt pour en juger.
Installation
Donc on va commencer par le tout [...]
Away3D : rotations de cubes
J'avais beaucoup aimé le site http://www.momentoftruth.com/ qui avait remporté un FWA il y a quelques temps. L'animation de départ avec la rotation des cubes m'avait particulièrement plu (un ensemble de cubes 3D qui tournent). J'avais voulu testé Away3D pour l'occasion avec une animation sans prétention mais un peu similaire (bon ok c'est beaucoup plus simple) donc voici ce que ça donne (cliquez sur l'objet pour le faire tourner)
Le code est vraiment tout simple, le plus long à coder est le placement des cubes.