En ce moment c’est la grande mode de la 3D, on en voit à toutes les sauces : au cinéma, dans les écrans LCD/Plasma, les écrans d’ordi (la 3DS ?) et pourquoi pas en HTML5 ?
En effet le mode 3D des canvas n’est pas encore implémenté, mais cela ne bride en rien les possibilitées, et pour cause cette semaine je vous ai préparé un petit top 3 des réalisations 3D en HTML5.

3dbanner HTML5 Top 3D

Raytracer

3draytracer HTML5 Top 3D

Avant d’aborder cette superbe demo que voici, j’invite tous ceux qui n’ont pas compris le titre à se rendre sur http://fr.wikipedia.org/wiki/Raytracing pour y voir plus clair.

Voilà donc un superbe Raytracer qui offre un décor typique à ce genre de demos avec beaucoup d’effets différents notamment au niveau de l’éclairage, des ombres ainsi que des reflets. Le rendu est visible sous 9 résolutions différentes, et il est même possible de choisir la position de la “caméra” en entrant les coordonnée de chaque axe (x,y,z) ou vous pouvez même générer un point aléatoire.
Cette demo utilise quand même pas mal de ressources et si vous vous y connaissez bien en JavaScript je vous invite à aller regarder le code de plus prêt car c’est vraiment bien foutu. La réalisation est tout bonnement excellente, mais j’aurai vraiment voulu que la vitesse de rendu soit accrue afin qu’on puisse se déplacer librement dans la scène… mais bon gardons les pieds sur terre : ce n’est que du JavaScript après tout !

Le Raytracer est disponible ici.

Visualiseur de modèles 3D

3dviewer HTML5 Top 3D

Autant vous prévenir de suite, cette démo est l’une des meilleure que j’ai pu voir jusqu’à présent tant au niveau de la réalisation que de la personnalisation.
Pour la faire courte vous pourrez visualiser 3 modèles 3D (porte-avion, dinosaure, hélicoptère), que vous pourrez tourner dans tous les sens avec au passage un effet de motion blur vraiment excellent. Le rendu est disponible sous 5 couleurs différentes mais aussi avec 10 niveaux de transparence. L’effet est clairement saisissant, et nous offre un bon aperçu de la toute puissance du canvas !
Je préfère ne pas faire de long discours, car vraiment ça se passe de commentaires…

Le visualiseur est disponible ici.

Editeur de modèles 3D

3deditor HTML5 Top 3D

Comme la coutume l’oblige, j’ai bien évidemment gardé le meilleur pour la fin et là franchement on commence à atteindre les voies “impénétrables” du Seigneur !
Ce superbe éditeur de modèles 3D, vous propose de réaliser et partager vos modèles de façon extrêmement simple. Pour cela vous aurez à votre disposition une belle brochette d’outils plus utiles les uns que les autres, le tout servi sur une interface sobre qui n’oublie pas le côté pratique en proposant de nombreux raccourcis clavier. Cet éditeur est très accessible pour ceux qui n’ont jamais fait de 3D et c’est vraiment cet aspect la qui renforce l’idée que ce projet est excellent.

Et vous pouvez le retrouver sur http://www.3dtin.com/.