Biolab Disaster, un jeu en HTML5

J’ai déjà parlé de Dominic Szablewski plusieurs fois sur ce blog (ici et ). Ce développeur de talent nous a pondu un nouveau petit bijou avec Biolab Disaster, entièrement réalisé en HTML5 et Javascript, sans le moindre bout de Flash ou de plugin dedans.

Ambiance rétrogaming au programme comme le montre la capture ci-dessous, c’est un vrai bonheur de parcourir les différents niveaux qui composent ce jeu de plateforme.

Il fonctionne parfaitement sur tout navigateur digne de ce nom, malgré quelques problèmes de son. Dominic a d’ailleurs posté sur son blog une vidéo making-of et quelques tests de performance des différents navigateurs, c’est particulièrement instructif. Je n’ai toutefois pas réussi à le faire tourner sur mon iPhone 4 (alors que ça semble fonctionner sur 3GS).

A vous de jouer! Attention, time-killer…

Transitions, transformations et animations CSS3 par l’exemple

Catégorie web  |  Tag , , , ,   |  Pas de commentaires

Ca se passe sur css3.bradshawenterprises.com. Une série d’exemples de transitions et d’animations exclusivement réalisées en CSS3, sans faire appel au moindre bout de code javascript (à part pour gérer l’interactivité). Ca démontre bien la puissance du truc et comme le code source est fourni, vous verrez que c’est relativement simple.

Bien évidemment, tout ceci ne fonctionne que sur des navigateurs dignes de ce nom (oubliez IE, donc) avec un petit avantage pour Safari qui est le seul aujourd’hui à supporter les transformations 3D.

Et puis, quand vous aurez terminé de tout lire, vous aurez bien mérité un peu de détente, avec une petite session de retro-gaming sur cet Asteroids entièrement réalisé en HTML5.