Webdesigner Trends

8 expériences 3D WebGL / HTML5

webGL

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é !

Raymarching An Infinite City

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

Baked Illumination

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

Half Life Zombie

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

Fresnel Shader Bubbles

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

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.

Trigger Rally Online

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

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.

Quitter la version mobile