12 expériences HTML5 / Web GL

HTML5 - WebGL

Fasciné et intrigué par les expériences HTML5 et WebGL, je poursuis ma veille constante sur le sujet pour vous dénicher quelques petites perles du net.

Souvenez-vous, il y a quelques mois je sortais des articles présentant 15 jeux et expériences en HTML5 ainsi que 8 expériences 3D WebGL et HTML5 .

Véritable zone d’incubation, le HTML5 couplé au WebGL offre la possibilité de mettre au monde des projets inédits. Bien qu’elles ne soit pas encore forcément adaptées ou adaptables à une opération de communication grand public, elles ont avant tout le mérite de faire avancer le web et de faire réver les geeks que nous sommes.

Trève de bavardages, je vous propose de (re) découvrir ces quelques expériences :

World Under Water

Les changements climatiques futurs risquent d’affecter bien plus que les populations vivant sur la côte. Cette expérience sous la forme de vues 360°, présente différentes villes à travers le monde et… sous l’eau !

HTML5 / Web GL

Pitts Demo

Prenez les commandes d’un avion, gérez les commandes, décollez et explorez. Gare au crash !

HTML5 - WebGL

Race Assassin Creed Pirates

Un superbe jeu, qui me rappelle un petit jeu sur PS1. Développé pour promouvoir Assassin Creed et le navigateur Internet Explorer, vous évoluez à bord d’un navire exclusivement conçu pour être manipulé dans votre navigateur. Un vrai petit bijoux.

html5-webgl-3

Ironbane Game

Le développement des MMO dans le navigateur, voila ce que propose le jeu Ironbane. Dans un univers de jeu vintage et pixelisé, prenez les commandes de votre personnage en vue à la 3ème personne.

html5-webgl

Tune House

Tune House est une expérience musicale. Conçu sous la forme d’une boite à rythme, cliquez et explorez les possibilités offertes par cette maison magique.

html5-webgl

FishGL

Encore une fois développé pour promouvoir les possibilités d’Internet Explorer, Fish GL se présente sous la forme d’un aquarium en 3D. Gérez le nombre de poissons, l’allumage de l’aquarium, modifiez la vue, la propreté de environnement…

html5-webgl

First Person

Le célèbre logiciel de 3D Blender possède son propre moteur pour le web appelé Blend4Web. Le site de promotion du SDK met à disposition quelques intéressantes démonstration comme celle-ci. First Person vous plonge dans un monde ouvert en 3D, comme son nom l’indique, à la première personne.

html5-webgl

Watch Scene

Encore une fois basé sur Blend4Web, il s’agit ici d’une simple scène en 3D. Utile et innovant pour présenter un produit sur un site de vente en ligne par exemple.

html5-webgl

George and Jonathan

Déjà présenté dans les incontournables d’avril dernier, le site présente les sons de George and Jonathan d’une manière très intéressante. Totalement immersif, vous vous retrouvez au centre du son qui évolue dans l’espace, sous la forme de barres en 3D.

Web GL

Graffiti General

L’impressionnante réalisation de l’agence BETC Digital vous plonge au cœur des magasins Généraux de Patin. Véritable archive du bâtiment (qui est en cours de réhabilitation), vous pouvez y retrouver chaque mètre carré de l’édifice, grâce à un minutieux travail de photographie et de modélisation.

Bullet Physics

Un moteur de rendu 3D pour tester des effets d’interactions physique. La démo d’ouverture est un jeu type Jenga par exemple.

Bonus : Nyan Cat GL

Pour toi, gros geekos, le célèbre Nyan Cat en 3D.

Connaissez-vous d’autres expériences dans le genre ?

Partagez vos liens en commentaire !

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.

5 commentaires sur 12 expériences HTML5 / Web GL

  1. Jojo dit :

    Celui là est pas mal aussi :
    http://www.overthetinyhills.com/

  2. WDTrends dit :

    @Jojo : Ah mais oui, pourquoi je n’y ai pas pensé ! Superbe réalisation d’Ultra Noir + Mc Bess

  3. Dédé dit :

    Il y a aussi le jeu Swooop développé avec le moteur WebGL PlayCanvas
    http://www.hatihati.fr/blog/swooop-un-petit-jeu-en-javascript-et-en-3d/

  4. Ping : 12 expériences HTML5 / Web GL | Webdesig...

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>