---
title: Workflows for different game types
slug: Games/Tutorials
tags:
  - Canvas
  - JavaScript
  - Jeux
  - Web
translation_of: Games/Tutorials
original_slug: Games/Workflows
---
{{GamesSidebar}}



{{IncludeSubnav("/fr/docs/Jeux")}}

Cette page contient plusieurs séries de tutoriels qui mettent en évidence différentes démarches pour créer efficacement différents types de jeux Web.

- [Jeu 2D avec du pur JavaScript](/fr/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript)
  - : Dans ce tutoriel étape par étape, vous implémenterez un jeu en utilisant du pur JavaScript. En cours de route, vous apprendrez les bases de l'utilisation de l'élément {{htmlelement ("canvas")}} pour implémenter les mécanismes fondamentaux du jeu tels que le rendu et les images en mouvement, la détection de collision, les mécanismes de contrôle et les états gagnants et perdants.
- [Jeu 2D avec Phaser](/fr/docs/Games/Tutorials/2D_breakout_game_Phaser)
  - : Dans ce tutoriel étape par étape, vous implémenterez un jeu en utilisant le framework de jeu HTML5 [Phaser](http://phaser.io/) . Cette idée ici est d'enseigner quelques-uns des fondamentaux (et des avantages) de travailler avec des cadres (_frameworks_), avec les mécanismes de jeu.
- [Jeu 2D avec API Device orientation](/fr/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation_FR)
  - : Ce tutoriel montre comment créer un jeu de labyrinthe en 2D en utilisant HTML5, en intégrant des principes fondamentaux tels que la détection de collision et le placement de "sprites" sur un {{htmlelement ("canvas")}}. Il s'agit d'un jeu mobile qui utilise les API [Device Orientation](/fr/Apps/Fundamentals/gather_and_modify_data/responding_to_device_orientation_changes) et [Vibration,](/fr/docs/Web/API/Vibration_API) pour améliorer le gameplay, et est construit en utilisant le framework [Phaser](http://phaser.io/) .
- [Jeu de plateforme 2D avec Phaser](https://mozdevs.github.io/html5-games-workshop/en/guides/platformer/start-here/)
  - : Cette série de tutoriels montre comment créer un jeu de plateforme simple à l'aide de [Phaser](http://phaser.io/) , couvrant les fondamentaux tels que les "sprites", les collisions, la physique, les objets de collection et plus encore.