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

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

Vous aimerez aussi :

Cette entrée a été publiée dans Actus du Web, avec comme mot(s)-clef(s) , , . Vous pouvez la mettre en favoris avec ce permalien.

3 commentaires sur 8 expériences 3D WebGL / HTML5

  1. Cécile dit :

    Hello,
    Un autre exemple ludique de rendu 3D sur les paper toys de cette galerie :
    http://pepetz.com/category/pepetzfriends/
    Pour cela il faut en sélectionner un et cliquer sur le bouton « Switch to 3D ».
    Have fun :)

  2. Ping : 8 expériences 3D WebGL / HTML5 | WebdesignerTrends ... | Designer Numérique | Scoop.it

  3. Ping : 8 expériences 3D WebGL / HTML5 | HTML5 - The future of the Web! | Scoop.it

Laissez votre impression, réagissez à l'article !

L'adresse de contact ne sera pas publiée.

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>