webGL

8 expériences 3D WebGL / HTML5

Les développeurs innovent en créant de superbes expériences pour repousser les limites de la technologie WebGL et HTML5. Étranges ou exceptionnelles, bref, dans tous les cas, originales !

Comme l’indique Wikipedia : « WebGL est une spécification d’affichage 3D pour les navigateurs web, créée par le Khronos Group. Elle permet d’utiliser le standard OpenGL depuis le code JavaScript d’une page web. C’est une technologie permettant le Web3D tout en exploitant les accélérations matérielles 3D à l’aide des pilotes OpenGL de la carte graphique ». En septembre 2009, aucun navigateur Web ne permettait l’affichage 3D directement sur le navigateur sans plugin. Il est aujourd’hui possible de visualiser ce type d’expériences avec Firefox, Google Chrome et Safari. Internet Explorer ne supporte pas encore WebGL par défaut.

Street View Reflection Mapping :

Si vous suivez la page Facebook du blog vous avez sûrement du voir cette expérience 3D basée sur Google Maps. Bizarre certes mais très bien géré !

webGL_experience

Raymarching An Infinite City

Une démo WebGL qui génère une ville infinie.

webGL_experience

Baked Illumination

Une Camaro très brillante. Recherches et tests sur les reflets.

webGL_experience

Half Life Zombie

Presque effrayant ! Un tutoriel en 12 étapes est proposé par le développeur qui explique une partie de la conception.

webGL_experience

Fresnel Shader Bubbles

Expérience également basée sur la réflexion de bulles de savon dans l’air.

webGL_experience

Web Sonic

Notre ami Sonic le hérisson, contrôlable dans environnement 3D certes basique mais qui permet tout de même d’exploiter de bonnes capacités de la technologie.

webGL_experience

Trigger Rally Online

D’après ce qu’on dit, c’est le meilleur exemple de jeu 3D WebGl à ce jour. À vous de juger 😉

webGL_experience

LittlePlanetBigRocket

Un mini-jeu dans l’espace. Le but est de faire évacuer votre astronaute avant qu’une météorite ne tombe sur sa planète.

webGL_experience

7 commentaires

Laisser un commentaire :

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*