C’est une réalité ! Si 2007 était l’année de la vidéo sur le Web, 2008 est incontestablement en train de devenir l’année de la 3D sur le Web ! En effet, en ce moment, il ne se passe pas un jour sans qu’on voie fleurir un nouveau site ou une nouvelle démo totalement en trois dimensions. Je vous propose de faire un petit tour non exhaustif des technologies qui permettent, aujourd’hui, de faire de la 3D sur le Web…
JavaScript
Oui, faire de la 3D en JavaScript, c’est possible ! Néanmoins, cela reste juste de belles performances technologiques, sans plus. Même si le travail accompli est fantastique, je ne pense pas que ces triangles qui tournent sur eux-mêmes et 3D Tomb II (un doom-like) vont revolutionner le Web. JavaScript n’est pas adapté pour faire de la 3D et ne le sera sans doute jamais. Je pense qu’on peut définitivement oublier cette voie.
HTML 5 + JavaScript
Autant le JavaScript utilisé seul et la 3D n’ont aucun avenir, autant le JavaScript couplé avec la puissance du tag canvas d’HTML 5 peut s’avérer une solution très efficace pour faire de la 3D.
canvas est un tag HTML 5 qui permet (via JavaScript) de faire du dessin en 2D et 3D et de l’édition de photos (le tout pouvant être animé). Il est actuellement implémenté par les navigateurs Gecko, Safari et Opera. Il devrait plus que probablement être implémenté dans Internet Explorer 8, si Microsoft tient ses promesses…
Je vous propose de lire ce très bon tutorial sur le Mozilla Developer Center. Ensuite, allez jeter un oeil à cette démo pour vous faire une idée de la puissance du tag canvas ! C’est autrement plus impressionant que 3D Tomb II !
Flash
Même si canvas est très prometteur, Flash reste aujourd’hui LA meilleure solution pour faire de la 3D sur le Web. Cependant, il faut savoir que Flash n’implémente pas la 3D en natif (ce sera le cas pour Flash 10). Il faut en effet importer des librairies externes pour arriver à nos fins. La plus connue reste Papervision3D mais d’autres comme Away3D et Alternativa tirent également leur épingle du jeu. Si vous en voulez plus, elles sont toutes listées sur cette page.
Quelques exemples marquants :
* In An Absolut World (Papervision3D)
* Flower By You (Papervision3D)
* whitevoid (Papervision3D)
* Monster Burnout (Papervision3D)
Et le meilleur pour la fin : Promenade dans un magnifique décor avec Alternativa !
Tous ces exemples montrent qu’on peut sans plus attendre commencer à faire de la 3D sur le Web. Selon moi, le problème majeur est d’arriver à trouver des interfaces et des systèmes de navigation efficaces en 3D, c’est qui encore loin d’être gagné pour l’instant !
De plus, il ne faut pas oublier que la plupart des informations seront toujours plus efficacement présentées en 2D et que la 3D n’est pas une évolution et une solution à tout !
N’empêche, c’est vraiment grisant de voir à quel point ça évolue rapidement en ce moment… Et ça ne fait que commencer !
Le blog de Vincent Battaglia 
Archi fan de Whitevoid !
LikeLike
Ouaou, j’avais pas vu certains trucs comme Absolute World ou Alternativa. Assez impressionné 🙂 Vivement Flash 10 alors.
LikeLike
il y a déja depuis un bail des super exemples de 3D réalisés en Java et en Director/shockwave… A ne pas perdre de vue
LikeLike
Dans notre école ont nous apprend à utiliser le logiciel Wirefusion qui permet de creer des environnement 3D temps réel pour l’internet. C’est assez puissant mais limité par la carte graphique des internautes et leurs connections…oula, en recherchant un de mes anciens articles sur la D temsp reel je viens de remarquer que google me considére comme MALVEILLANT !…arguu
LikeLike
Un projet qui avec des notions de 3D, réalisé par un collegue :
http://www.flowerbyyou.com/
Par contre, je ne sais pas si la 3D prendra son envol cette année, les gens “non geek” commence seulement à s’approprier le web, donc un nouvel élément ne constitue peut etre pas immédiatement la stratégie des sociétés dans l’immédiat qui se pencheront sans doute plutôt sur l’exploitation de ce qui se fait déja.
LikeLike
Personnellement la 3D sur internet peut faire un flop car il est vraiment non ergonomique (je pense a certain bureaux en 3D)…grosse perte de temps.
Par contre il fera un malheur dans les prochains jeux vidéos directement online sans pré-instal.
Mais aussi dans la présentations de marchandises notamment les véhicules et pour les visites de bâtiments à vendre, hôtels… Il faut laisser du temps avant que ça se rôde un peu et après on aura un joli mix entre 2D et 3D.
LikeLike
Tu as le superbe jeu AXE : http://www.axe.com.br/dark/site/
LikeLike
Pour info, j’ai commencé 3D TOMB II en été 2002 pour the5k 2003, qui devint the5k 2004, puis qui fut annulé :4a7d3d609129a9296bf7ac0608c2097
Evidement à l’epoque Canvas n’existait pas et SVG était trop peu supporté. Et je voullait absolument faire un DOOM like avec sol et plafond texturés pour changer de tous les raycasters que l’on a pu voir en JS, y compris ceux en Canvas ( sauf Canvex qui a essayé, a finalement laché l’affaire ). En 2002-4, la seule solution était la bonne vieille technique “1 zillion DIVs”.
Mais aujourd’hui il y a moyen de faire 100x mieux que 3D TOMB II et 10x mieux que CanvaScape. Au passage Benjamin Joffe, l’auteur de CanvaScape, à bossé avec moi chez Opera l’année dernière. Vraiment cool.
LikeLike