Faites une application Flash qui utilise ActionScript3. On conseille par exemple:
-AS3 TweenLite tweening engine (une bibliothèque pour faire des animations).
-FLINT (un système de particules), décrite dans Flash using ActionScript libraries tutorial.
-Une librarie Flash 3D.
Dans le cadre de mes études à TECFA, cours STIC III, 19 janvier 2009
Liens vers le résultat (fichier swf):
Lien vers le fichier .fla:
Objectifs de la page
Les spectaculaires panoramas 3D donnent envie de se plonger dans le monde de Papervision3D. C'est la raison pour laquelle j'ai choisi, dans le cadre de cet exercice, d'essayer de mettre en ligne un panorama cylindrique avec une caméra placée à l'intérieur. Le but serait de construire une visite virtuelle en 3D avec des panoramas interactifs de l'intérieur d'une école. Les futurs nouveaux élèves pourraient visiter le bâtiment et s'y familiariser pour éviter de se retrouver un peu perdus lors de la première semaine dans le dédale des couloirs et des nombreuses salles de l'école.
Bref résumé de la démarche
La première étape fut la prise de vue. A l'aide d'un appareil photo numérique il s'agit d'utiliser la fonction panorama qui existe sur la plupart des appareils. Par prises de vue successives, chaque photo contenant une partie de la photo suivante, on obtient une série d'images prises sur 360 degrés Les logiciels fournis avec les appareils photo numériques ont en général une fonction qui permet de disposer de manière intelligente (stitching) les différentes images pour obtenir un panorama. Il existe aussi des logiciels spécialisés qui permettent de le faire de façon encore plus satisfaisante: par exemple le logiciel Stitcher de Realviz. En utilisant les exemples de primitives du site madvertices.com , j'ai tout d'abord réalisé un panorama sur un plan tournant en collant comme texture double face sur ce plan l'image de mon panorama. Il a suffit ensuite de changer la primitive plan pour la remplacer par celle du cylindre. L'étape suivante fut de positionner la camera à l'intérieur du cylindre et d' effectuer quelques réglages pour que le tout ait une bon rendu. Pour ces différentes opérations, je me suis servi du script "Visionneuse de panorama cylindrique" dont le tutorial est bien fait.
Difficultés
L'utilisation de Tortoise pour télécharger la dernière version de Papervision, bien que non familière pour moi, a été facile. J'ai remarqué que ceci était indispensable car comme le produit évolue, il faut disposer de la dernière version. J'ai rencontré de nombreuses difficultés pour rendre le code AS3 valide et sans bugs. Plusieurs fonctions ont nécessité des modifications. Les fonctions FreeCamera3D et MovieScene3D qui sont proposées dans le script qui m'a inspiré ne sont plus valides, il a fallu les renommer en Camera3D et Scene3D. La fonction MovieScene3D() qui possédait un argument avec une ancienne version de Papervision n'en possède plus désormais. En AS3, la fonction onEnterFrame ne fonctionne plus, il faut ajouter un écouteur d'évènement pour que l'effet se manifeste. L'utilisation de AssetMaterial pour coller l'image en tant que texture fut impossible, j'ai dû transformer l'image en Clip pour pouvoir ensuite coller ce clip sur la face à l'aide de la fonction MovieAssetMaterial.
Auto-évaluation du résultat
Compte tenu de ma première exploration de l'utilisation de librairies AS3, je suis assez satisfait du résultat. Il faudrait pouvoir être équipé d' un système de prise de vue plus performant (trépied, grand angle) pour pouvoir faire un panorama sphérique et créer un environnement dans lequel on pourrait naviguer avec des zones cliquables ( Tutoriel ).
Remarques
Temps consacré: 20h
Ressources
Les cours du Master MALLT
Le cours STIC III de D.K.Schneider (Edutechwiki/en)
Un exemple d'un panorama interactif impressionnant réalisé avec flashpanoramas qui utilise la librairie Papervision3D:|
|
|