Logo du Blog de Nukium (Samuel Sanchez)

Ressources et tutoriaux : Web 2.0 – PHP – CodeIgniter – Webdesign

HTML 5, une nouvelle plate-forme de jeux vidéo ?

HTML 5, une nouvelle plate-forme de jeux vidéo ?

1 nov 2009

Cela fait plusieurs mois que tout le monde ou presque parle de HTML 5, de canvas, de CSS 3 et de bien d’autres nouveautés technologiques à venir. En revanche, les exemples concrets d’utilisation de ces technologies tardent un peu a se diffuser et pour le moment pas mal de développeurs restent dans le flou artistiques vis-à-vis de ces évolutions.

Dans ce billet je ne parlerai pas des applications fonctionnelles comme par exemple Google Wave mais plutôt des tests et autres expérimentations menées ça et là.

HTML 5 pour le jeu vidéo ?

Ce n’est pas nouveau, de tout temps les technologies du web ont été utilisées pour tenter de créer des jeux vidéos, sans parler de Flash qui excelle dans le domaine, on se souvient des embryons de jeux en JavaScript pur, en DHTML, voire en SMIL.

La même chose a été tentée en HTML 5 par Ben Joffe à l’aide des canvas, même si on est loin d’un jeu fonctionnel, les bases d’un First Person Shooter sont bel et biens là :

  • Canvascape – « 3D Walker » (sans textures)

canvascape-3d-walker

  • Canvascape – « Experimenting With Textures »

canvascape-3d-walker-textures

Même si la version texturée souffre de quelques problèmes de performances, le résultat obtenu avec un peu de code HTML et JavaScript n’en n’est pas moins impressionnant.

Le meilleur pour la fin…

Cerise sur le gâteau, voici une application époustouflante nommée Eye-candy canvas également bâtie autour de HTML 5 et les canvas, alliant interactivité et animation 3D. Celle-ci se présente un peu comme un jeu de réaction en chaine même si l’objectif ici n’est vraisemblablement pas de jouer.

Je vous laisse là découvrir ci-dessous et n’hésitez pas à donner votre avis sur ces 3 applications…

eye-candy-canvas-heart

2 comments

  1. Je vous propose un autre exemple :
    Un jeu de simulation génétique (élevage de poissons (PaJamas)) utilisant javascript et CANVAS

  2. Je vous propose également un autre exemple : http://www.snaky360.fr/
    J’ai tout fait pour que ça soit un jeu complet plutôt qu’une démo technique.
    Ceci afin de montrer que la technologie HTML 5 pouvait dès à présent être prise au sérieux face à Flash.
    Ce jeu offre plusieurs heures de jeu et offres des systèmes de récompenses variés afin de garder le joueur en haleine !

Similar entries

Leave a Reply

Optimized by SEO Ultimate