Programme des jeux en JavaScript et HTML5

Crée des jeux qui se jouent dans un navigateur

Apprends à programmer tes jeux en JavaScript et HTML5, sans moteur de jeu. Tu construis progressivement les éléments dont un jeu 2D a besoin : boucle de jeu, images, sprites animés, déplacements, scrolling, projectiles et collisions.

Ce Boot Camp associe des ateliers techniques à deux mises en pratique : un jeu de traversée façon Frogger et un shooter horizontal. Les enregistrements te permettent de suivre le code, de revenir sur une explication et de reprendre les exercices à ton rythme.

Pour qui est cette formation ?

Pour les personnes qui veulent comprendre comment fonctionne un jeu Web et coder elles-mêmes ses mécanismes. Si tu pratiques déjà Lua/Love2D ou un autre langage, tu pourras y retrouver des concepts familiers et les appliquer à JavaScript.

Pour suivre confortablement : il est conseillé de connaître les variables, les conditions, les boucles et les fonctions. Une introduction à JavaScript et des exercices sont inclus ; prends le temps de les travailler avant de passer aux projets.

Prévois un ordinateur, un navigateur et un éditeur de code comme Visual Studio Code. L’installation de l’environnement fait partie du programme. Les exemples sont conçus pour être étudiés et programmés sur ordinateur.

Le programme

Préparer ton environnement et découvrir JavaScript. Installation, premières lignes de code, introduction au langage, exercice et correction.
Construire les bases d’un jeu HTML5. Organisation des fichiers, boucle de jeu, images, sprites, delta time, déplacements et requestAnimationFrame.
Gérer les images et les animations. Chargement des ressources, sprite sheets, découpage des images, pixel art et système d’animation, avec une mise en pratique autour d’une cinématique.
Programmer cinq mécanismes de jeu d’arcade. Scrolling, vagues d’ennemis, explosions et particules, tirs et projectiles, puis collisions.
Suivre le projet Frogger. Quatre journées de programmation en replay, réparties en six vidéos avec une correction complémentaire sur la répartition des voitures.
Assembler un shooter horizontal. Quatre replays de master class pour mettre les concepts en pratique, accompagnés d’une FAQ enregistrée.

Deux projets pour mettre le code en pratique

Le jeu de traversée façon Frogger te permet de suivre la construction d’un projet sur plusieurs séances. Les sources de chacune des quatre journées sont fournies pour retrouver les étapes du développement.

Le shooter horizontal réunit plusieurs mécanismes d’arcade dans un même jeu. Utilise les sources de la master class pour étudier son organisation, puis expérimenter tes propres variantes.

Découvrir la démonstration du shooter sur itch.io (sur ordinateur, nouvel onglet).

Ce qui est inclus

55 vidéos : ateliers, exercices corrigés, replays des projets et FAQ enregistrée.
13 archives ZIP : sources des quatre journées Frogger, exemples des ateliers et projet de la master class.
Un espace de contenu en ligne pour retrouver les vidéos et télécharger les archives de code.

Comment suivre le Code Camp ?

Commence par l’installation et les bases de JavaScript, puis avance dans les ateliers graphiques et les mécanismes d’arcade. Utilise ensuite les projets pour relier les concepts entre eux : regarde une étape, reproduis-la, puis modifie le code pour vérifier ce que tu as compris.

Il s’agit d’une formation enregistrée. Les mentions de live et de master class désignent les replays inclus. L’achat ne comprend pas de nouvelle séance en direct ni de coaching individuel. Tu consultes les vidéos en ligne et tu télécharges les sources.