Pourquoi utiliser la programmation événementielle pour développer vos jeux HTML5 ?

La programmation événementielle en javascript est surtout connue pour écouter des événements sur le DOM (HTML). Par exemple pour intercepter le click de la souris ou le resize de la fenêtre.

Si vous utilisez jQuery, la syntaxe proposée est assez élégante :

$("#link").on("click", function(e) {
    alert("link clicked !");
});

Allons au-delà des événements prédéfinis par le navigateur : créons les nôtres.

Continue reading Pourquoi utiliser la programmation événementielle pour développer vos jeux HTML5 ?

Introduction à la création d’un jeu HTML5 avec CreateJS

createjs2

Pour cet article nous allons réaliser Step-By-Step un jeu de type Match3 (Tetris, Triple Town, Bejeweled, Naturalchimie, …). Vous pouvez dès maintenant accéder au jeu final.

Capture d’écran 2013-05-16 à 12.46.16

CreateJS n’est pas un moteur de jeu, c’est une suite de bibliothèques Javascript qui fournit de nombreux outils nécessaires à la création d’un jeu HTML5.

Continue reading Introduction à la création d’un jeu HTML5 avec CreateJS

Mon Top 4 des jeux HTML5 du One Game A Month d’Avril

Voici mon Top 4 des jeux que j’ai pu trouver sur le site du One Game A Month pour le mois d’Avril. Ce mois-ci le thème du Ludum Dare était : le minimalisme.

Si vous êtes nouveau venu, vous pouvez rattraper les mois précédents :

Continue reading Mon Top 4 des jeux HTML5 du One Game A Month d’Avril

Dreamless, un jeu HTML5

mugeengames

Ce mois ci, avec ma compagne, nous avons décidé d’officialiser notre collaboration en créant la team Mugeen Games.

Elle aux graphismes et moi au développement, nous réalisons sur notre temps libre, des short-games en HTML5.

Continue reading Dreamless, un jeu HTML5

Mon Top 5 des jeux HTML5 du One Game A Month de Mars

Encore moins de jeux HTML5 qu’en Février malheureusement, c’est pourquoi on reste sur un Top 5 et non un Top 10 comme en Janvier.

Continue reading Mon Top 5 des jeux HTML5 du One Game A Month de Mars

Mon Top 5 des jeux HTML5 du One Game A Month de Février

Contrairement au mois de Janvier, la liste des jeux était bien moins fournie en Février !

C’est pour cette raison que le Top de Février ne comporte que 5 jeux.

Continue reading Mon Top 5 des jeux HTML5 du One Game A Month de Février

Comment j’ai construit un jeu de dessin en temps réel avec PaperJS

Banana Draw est un jeu de dessin multijoueur, en temps réel.
Le principe est simple : il s’agit d’un Pictionary revisité. Chaque joueur choisit un mot qu’il doit ensuite faire deviner aux autres en le dessinant.

J’avais réalisé un prototype, fin 2011 basé sur cette démo : http://paperjs.org/examples/path-simplification/ afin de tester le potentiel de NodeJS.

Cette année grâce à l’évènement One Game A Month, avec Toxicode nous avons décidé de dépoussiérer ce prototype afin d’en faire un petit jeu destiné à passer un petit moment de détente.

Continue reading Comment j’ai construit un jeu de dessin en temps réel avec PaperJS

Introduction à la création d’un jeu HTML5 avec Crafty

crafty

Ceci est le premier article d’une nouvelle série, chaque mois j’essayerai de vous faire découvrir un nouveau moteur de jeu HTML5 via la réalisation d’un petit jeu Step-By-Step (Pour reprendre le principe de One Game A Month).

EDIT : Pour l’occasion de One Game A Month, LouPine a préparé des graphismes pour le jeu de ce tutoriel, vous pouvez jouer à la dernière version ici.

Crafty est un moteur de jeu en Javascript parmi d’autres, sa particularité majeure est son système de composition. Le principe est de greffer des composants (components) aux objets du jeu.

Continue reading Introduction à la création d’un jeu HTML5 avec Crafty