Sites Flash et 3D. Où en sommes nous ? 1/2
La technologie Flash permet de créer des sites web riches en interactivité qui laissent rarement indifférents lorsqu’il sont bien réalisés. Mais il faut l’avouer, l’expérience utilisateur sur ce type de sites peut-être considérablement décuplée en utilisant de la 3D.
Flash est un moyen pour amener la 3ème dimension directement dans votre navigateur web. Avec l’apparition de l’outil de rotation 3D sur Adobe Flash dans sa version CS4, le logiciel prend en charge l‘axe Z. Cette nouvelle dimension de travail offre de nouveaux horizons aux designers Flash. Mais c’est les développeurs Flash qui révolutionnent vraiment le concept. De plus en plus de sites utilisent des moteurs 3D sous Flash pour créer un concept unique, innovant et souvent visuellement renversant.
Des classes 3D sous Flash :
Les deux plus connues sont probablement Papervision 3D et Away 3D. Ces deux bibliothèques open-source et gratuites permettent de créer un moteur 3D sous Flash en ce basant sur le langage Actionscript 3. Elles offrent aux développeurs une grande liberté de création pour réaliser des effets vraiment détonants. Les classes Papervision 3D et Away 3D sont à installer comme n’importe qu’elle classe en Actionscript 3. Pour pouvoir les utiliser mieux vaut posséder une bonne base de connaissances du langage. L’avantage de l’utilisation de ces classes pour un projet est qu’elles ne nécessite pas d’installer de plug-ins supplémentaire pour afficher les éléments 3D. Les animations fonctionnent nativement sous le plug-in Adobe Flash Player. Pour illustrer tout cela quoi de mieux que du visuel ? Je vous propose de découvrir quelques sites utilisant ces deux moteurs 3D.
Des exemples :
Le site officiel de Papervision :
Bien qu’il ne soit pas tout jeune, le fond marin de Papervision offre un bon aperçu de quoi il est capable…
Portfolio de Jim Burrows :
Une utilisation simple de Papervision mais qui rend tout de même bien ! Un portfolio minimaliste et sympa.
Portfolio de Njoore :
Papervision toujours, avec des effets plus poussés sur ce site.
Occasions Freedent :
Le moteur Away 3D est utilisé sur ce site. Allez-y et secouez la box !
Adidas Campaign Outdoor :
Away 3D, avec un effet de parallaxe.
Il existe de nombreux autres moteurs ou applications pour faire de la 3D sous Flash, comme par exemple Sandy 3D, ou Alternativa3d (gratuit pour un usage non-commercial).
Et des ressources (en Anglais et Français) :
- Apprendre l’animation 3D sous Flash, avec les conseils d’Adobe Developer Connection .
- Un tutoriel de base en français : travail avec des objets 3D (Video2Brain)
- Un bon tutoriel pour apprendre les notions de base pour travailler avec Papervision chez GotoAndLearn.
- La sélection officielle des meilleurs sites utilisant Papervision.
- Créer un jeu de mémoire avec Away 3D, chez ActiveTuts.
À vous d’y aller maintenant ! J’espère vous avoir donné envie de tester les classes 3D sous Flash pour explorer de nouvelles pistes créatives. Les possibilitées qu’offre le logiciel en matière de 3D ne sont pas récente et vont bien au delà de ces quelques exemples. Avec l’augmentation des applications marketing de la réalité augmentée et de la 3D avec lunettes, les sites web à venir promettent d’être exceptionnels. Il en existe pourtant déjà tant à connaitre absolument. C’est pour cette raison que je réserve mon prochain article à une sélection de sites Flash 3D !
Design Spartan
Intéressant ! mais gare aux (nombreuses) fautes dans le texte pire !
WDTrends
Merci ! Bien vu, c’est plus ou moins corrigé 😉
jojo
« Sites Flash et 3D. Où en sommes nous »
oui mais quand ? en 2001 ? en 1937 ?
Un article non daté perd de sa valeur. Sûrement intéressant s’il est récent. Sans intérêt s’il est vieux de 5 ans.
Au revoir….
WDTrends
Héhé mais bien en février 2010 mon cher ami 😉
Biggizi
Vraiment impressionnant ce papervision 3D!