aboutsummaryrefslogtreecommitdiff
path: root/files/fr/games/tutorials/index.html
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
commit39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch)
tree66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/games/tutorials/index.html
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.gz
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.bz2
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.zip
unslug fr: move
Diffstat (limited to 'files/fr/games/tutorials/index.html')
-rw-r--r--files/fr/games/tutorials/index.html28
1 files changed, 28 insertions, 0 deletions
diff --git a/files/fr/games/tutorials/index.html b/files/fr/games/tutorials/index.html
new file mode 100644
index 0000000000..a518d5ea72
--- /dev/null
+++ b/files/fr/games/tutorials/index.html
@@ -0,0 +1,28 @@
+---
+title: Workflows for different game types
+slug: Games/Workflows
+tags:
+ - Canvas
+ - JavaScript
+ - Jeux
+ - Web
+translation_of: Games/Tutorials
+---
+<div>{{GamesSidebar}}</div><p> </p>
+
+<div>{{IncludeSubnav("/fr/docs/Jeux")}}</div>
+
+<p>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.</p>
+
+<dl>
+ <dt><a href="https://developer.mozilla.org/fr/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript">Jeu 2D avec du pur JavaScript</a></dt>
+ <dd><span id="result_box" lang="fr"><span>Dans ce tutoriel étape par étape, vous implémenterez un jeu en utilisant du pur JavaScript.</span> <span>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.</span></span></dd>
+ <dt><a href="https://developer.mozilla.org/fr/docs/Games/Tutorials/2D_breakout_game_Phaser">Jeu 2D avec Phaser</a></dt>
+ <dd><span id="result_box" lang="fr"><span>Dans ce tutoriel étape par étape, vous implémenterez un jeu en utilisant le framework de jeu HTML5 </span></span> <a class="external external-icon" href="http://phaser.io/">Phaser</a> <span lang="fr"><span>.</span> <span>Cette idée ici est d'enseigner quelques-uns des fondamentaux (et des avantages) de travailler avec des cadres (<em>frameworks</em>), avec les mécanismes de jeu.</span></span></dd>
+ <dt><a href="https://developer.mozilla.org/fr/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation_FR">Jeu 2D avec API Device orientation</a></dt>
+ <dd><span id="result_box" lang="fr"><span>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")}}.</span> <span>Il s'agit d'un jeu mobile qui utilise les API <a href="https://developer.mozilla.org/fr/Apps/Fundamentals/gather_and_modify_data/responding_to_device_orientation_changes">Device Orientation</a> et <a href="https://developer.mozilla.org/fr/docs/Web/API/Vibration_API">Vibration,</a> pour améliorer le gameplay, et est construit en utilisant le framework </span></span> <a href="http://phaser.io/">Phaser</a> <span lang="fr"><span>.</span></span></dd>
+ <dt><a href="https://mozdevs.github.io/html5-games-workshop/en/guides/platformer/start-here/">Jeu de plateforme 2D avec Phaser</a></dt>
+ <dd><span id="result_box" lang="fr"><span>Cette série de tutoriels montre comment créer un jeu de plateforme simple à l'aide de </span></span> <a href="http://phaser.io/">Phaser</a> <span lang="fr"><span>, couvrant les fondamentaux tels que les "sprites", les collisions, la physique, les objets de collection et plus encore.</span></span></dd>
+</dl>
+
+<p> </p>