15 nouvelles expériences WebGL / HTML5

Partages

Le WebGL est en passe de devenir un standard incontournables pour créer des sites immersifs et à l’expérience poussée. Pour en prendre plein la vue, j’ai sélectionné pour vous 15 nouvelles expériences originales !

Annonce

Si vous suivez le blog régulièrement, vous savez probablement que je vous propose une veille régulière sur les expériences HTML5 et WebGL. Petit rappel, comme le dit si bien Wikipédia : « le WebGL est un langage de programmation qui permet d’afficher, de créer et de gérer dynamiquement des éléments graphiques complexes en 3D dans la fenêtre du navigateur web ». C’est à partir de là que tout devient possible…

Petit retour dans le passé

Peu après la naissance du web, ce type d’expériences voient le jour de manière ponctuelles, notamment grâce à Flash. Hélas, cette solution est lourde, propriétaire et nécessite donc l’installation d’un plugin. Avec WebGL oubliez le web « traditionnel », oubliez les boutons, les sites mous, sans but, sans expérience marquante.

Supporté par tous les appareils récents (ordinateurs, smartphone…), le WebGL est également très bien implémenté dans les navigateurs les plus connus comme Firefox, Internet Explorer et Chrome. En parlant de ça, pour voir si votre navigateur supporte la technologie, rendez-vous sur get.webgl.org ou encore sur WebGL Stats.

WebGL = le web de demain d’aujourd’hui 

Avec l’avénement de la réalité virtuelle et la multiplication des écrans, le web devient augmenté, palpable, bref passe la 2D à la 3D. Le WebGL est déjà devenu une norme sur le web d’aujourd’hui mais aussi sur des appareils comme la PS4 ou encore la Xbox One par exemple.

Toutes les expériences présentées dans cet article testent différentes interactions de manière plus ou moins poussée.

Share The Force

Rejoignez l’univers de Star Wars en partageant vos plus beaux souvenirs liés à la saga. Un site très complet, beau et immersif à souhait.

experience-html-webgl

Wipeout

Une expérience qui ravira les fan de Playstation 1 et son mythique jeu Wipeout. Embarquez pour une visite guidée sur les plus beaux circuits de jeu !

experience-html-webgl

Fluid Experiments

Fluid Experiments propose une intéressante simulation de gestion des fluides.

experience-html-webgl

Vill.ee Eye

Un étrange face à face avec un oeil gigantesque. Attention, vous allez vous sentir observé !

experience-html-webgl

Space Lamb

Prenez le contrôle de votre mouton équipé d’un jet pack et foncez à travers l’espace.

experience-html-webgl

Omm Experience

L’expérience proposée par Omm, place l’utilisateur au centre de l’histoire. C’est à vous de parcourir les étapes, en interagissant à travers un univers spacial.

experience-html-webgl

Ancient Earth

Une intéressante expérience pour comprendre la tectonique des plaques à travers les âges.

experience-html-webgl

Mighty fish

Une mini-expérience dans laquelle vous prenez le contrôle d’un poisson au travers d’un univers pixelisé.

experience-html-webgl

Cat and Ball

Dans l’univers de l’expérience précédente, jouez avec un petit chat réagissant au mouvement de votre balle.

experience-html-webgl

Experiments by Yuichiroharai

Une très belle compilation d’expériences en tout genre, réalisées par Yuichiroharai. À tester absolument.

experience-html-webgl

Bruno Quintela

Une très belle introduction utilisant WebGL, sur le site de Bruno Quintela.

experience-html-webgl

CPU Fluid Wireframe

Un intéressant test d’animations physiques sur une grille animée.

experience-html-webgl

Vortex Spheres

Juste un mot : wow ! Une intéressante démonstration de fluidité.

experience-html-webgl

Nasa Curiosity

Vous avez toujours rêver de vous balader sur Mars ? C’est quasi chose faite grâce à l’expérience proposée par la Nasa, dans laquelle vous pouvez prendre le contrôle de Curiosity.

experience-html-webgl

Spring

Laissez-vous porter par le chant des oiseaux dans une forêt printanière !

experience-html-webgl

Quelques ressources :

Z.Magazine par Ultra Noir

L’agence française Ultra Noir vient de mettre en ligne un magazine consacré à la vulgarisation des technologies 3D online et de « l’Augmented web ». Un très bonne initiative qui se lance déjà avec un contenu bien documenté, complet et intéressant ! À suivre de très près.
experience-html-webgl

WebGL Studio

Une plate forme à tester pour créer des objets interactifs en 3D  directement dans votre navigateur.

experience-html-webgl

Games jsdo.it

Sur ce site, retrouvez une compilation de jeux originaux en HTML5.

experience-html-webgl

WebGL Maps

WebGL Maps est un intéressant projet permettant de créer des cartes en 3D basées sur cette technologie.

experience-html-webgl

Pour aller plus loin :

Pour encore plus de projets fous, jetez un oeil à la catégorie « Concept web« .

Partages

14 commentaires

Laisser un commentaire :

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

*