WebGL est une API JavaScript basée sur la norme graphique 3D OpenGL bien connue, et elle donne à JavaScript un accès sans plugin au matériel graphique, via l’élément HTML5 canvas. C’est grâce à WebGL que nous pouvons inclure des graphiques 3D en temps réel dans les pages Web.
Apple soutient également la norme, donc nous pouvons (avec un peu de chance !) nous attendre à la voir apparaître dans Safari sur les Mac, les iPhones et les iPads un jour (mais probablement pas de sitôt) – et Opera teste sa propre version, donc le seul récalcitrant est Microsoft.
Alors asseyez-vous, lancez votre dernier navigateur, et regardez ces démos – si vous pensez que vous pouvez faire mieux, allez-y : il y a quelques trucs et astuces sur la façon de faire à la fin.
Pasta
Un éclairage multicolore et une application intéressante de la lumière et de l’ombre sont mis à profit dans cette dramatique avalanche de macaronis au ralenti. C’est étrangement hypnotisant.
Just a Reflector
Just a Reflector est une vidéo musicale interactive créée par l’équipe Data Arts de Google et l’unité 9 pour Arcade Fire. Ci-dessus, la vidéo YouTube (non interactive), et vous pouvez atteindre la version interactive ici.
Nouvelle Vague
La prémisse de Nouvelle Vague par ultranoir est relativement simple : prendre quelques tweets et les mettre dans un paysage en 3D. Cependant, cela ne rend pas justice à ce site particulier. Nouvelle Vague présente toutes sortes de véhicules volants, dont un biplan, un dirigeable et des ballons. Tous ces modèles brillamment réalisés – construits et animés dans Blender par des artistes, puis importés dans la scène WebGL – portent les tweets et tournent autour d’une statue centrale géante. C’est un site très surréaliste et c’est très bien fait.
Chemdoodle : MolGrabber 3D
Comme on peut s’y attendre avec une nouvelle technologie, il y a beaucoup de gens qui utilisent WebGL pour faire des démos cool, et moins de vrais outils. Chemdoodle est une exception à cette règle. iChemLabs, une société de visualisation scientifique, a mis au point des outils permettant de visualiser des molécules dans des pages Web. Cette page de démonstration vous permet de choisir un médicament parmi un certain nombre et de voir une représentation 3D de sa structure chimique dans le navigateur.
The Biodigital Human
Poursuivant le thème médical, nous avons le 3D Human de BioDigital Systems. Vous voulez voir le squelette et le système sanguin ? Il suffit de cliquer sur les boutons. En tant qu’outil éducatif, il est facile de voir le potentiel – la carte 3D permet de visualiser les maladies et les traitements via le web ou même sur votre mobile.
FractalLab
Tom Beddard a commencé sa carrière comme physicien laser avant d’être séduit par l’ingénierie logicielle, et il est maintenant bien connu pour ses fractales 3D étonnantes. FractalLab est sa création WebGL, calculant tout ce qu’il vous montre en temps réel sur votre ordinateur. Beddard a utilement inclus une explication approfondie de ses processus et de sa pensée.
Jellyfish
Une autre scène magnifique, mais légèrement plus paisible, nous vient d’Aleksandar Rodic : une mer de méduses flottantes, toutes simulées sur votre ordinateur. Ne manquez pas non plus la vidéo qu’il a faite montrant une version (malheureusement non publique) contrôlable par un Kinect !
CycleBlob
Une nouvelle tournure pour un jeu à l’aspect familier est CycleBlob de Shy Shalom, basé sur la scène des cycles de lumière de TRON. Essayez-le pour voir si vous pouvez appliquer vos compétences de Snake à des surfaces 3D de plus en plus complexes.
Page suivante : 6 autres exemples impressionnants de WebGL
.