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é !
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.
Cécile
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 🙂
8 expériences 3D WebGL / HTML5 | WebdesignerTrends ... | Designer Numérique | Scoop.it
[…] http://www.webdesignertrends.com – Today, 5:40 PM […]
8 expériences 3D WebGL / HTML5 | HTML5 - The future of the Web! | Scoop.it
[…] http://www.webdesignertrends.com – Today, 2:54 PM […]
15 jeux et expériences en HTML5 | Moving'O'Web
[…] vous allez pouvoir le découvrir, il y a beaucoup de 3D dans cette sélection, comme danscet ancien article. Les navigateurs modernes contribuent au support grandissant de la 3D, pour le plus grand plaisir […]
daniel quadrado
Un autre exemple de SITE WebGL
http://WWW.D3TI.COM.BR
15 jeux et expériences en HTML 5 | Webdesigner Trends - Webdesign et inspiration
[…] vous allez pouvoir le découvrir, il y a beaucoup de 3D dans cette sélection, comme dans cet ancien article. Les navigateurs modernes contribuent au support grandissant de la 3D, pour le plus grand plaisir […]
poidevin
Deux autres exemples illustrent vos propos :
La pièces détachées peuvent également bénéficier de cette technologie.
http://www.expertsys.com
http://www.exviewer.net