Atelier jeux HTML5

Également disponible en en.

Démarrer

Nous allons créer un classique jeu de plateforme. Notre héros ou héroïne pourra courir, sauter sur des plateforme avec pour objectif de récolter une clé ouvrant la porte vers le niveau suivant. Des ennemis devront être évités, ou tués.

Capture d'écran

Testez le jeu sur la page suivante.

Nous allons réaliser les différentes étapes:

Nous allons nous concentrer sur l'utilisation de l'interface offerte par Phaser. Le développement JavaScript moderne et avancé ne sera pas couvert.

Cependant rien ne vous empêche de vous servir des concepts avancés que vous connaissez déjà.

Phaser

Ce guide utilise Phaser CE 2.7.7. Si d'aventure l'API de cette bibliothèque devait dans le futur, il est possible que les exemples fournis ne soient plus 100% corrects.

Rendons à César

Les fichiers d'images et de sons, ils sont disponible dans le domaine public sous la licence CC0.

Table des matières

  1. Démarrer
  2. Démarrer avec Phaser
  3. La boucle principale
  4. Création des plateformes
  5. Le caractère principal
  6. Contrôles au clavier
  7. Utilisation de la physique
  8. Gravitation
  9. Sauts
  10. Passe la monnaie
  11. Ennemis
  12. Mort
  13. Tableau des scores
  14. Animer le héros
  15. Fin de partie
  16. Changer de niveau
  17. Aller plus loin…