---
title: Introduction au développement de jeux HTML5 (résumé)
slug: Games/Introduction_to_HTML5_Game_Development
tags:
  - Firefox OS
  - HTML5
  - Jeux
  - Mobile
translation_of: Games/Introduction_to_HTML5_Game_Development_(summary)
original_slug: Jeux/Introduction_to_HTML5_Game_Gevelopment_(summary)
---
<div>{{GamesSidebar}}</div>

<div>{{IncludeSubnav("/en-US/docs/Games")}}</div>

<div>
<h2 id="Avantages" style="line-height: 30px;"><span class="tlid-translation translation" lang="fr"><span title="">Avantages</span></span></h2>

<ol>
 <li><span class="tlid-translation translation" lang="fr"><span title="">Les jeux construits avec HTML5 fonctionnent sur les smartphones, les tablettes, les PC et les téléviseurs intelligents</span></span><span class="seoSummary">.</span></li>
 <li><span class="tlid-translation translation" lang="fr"><span title="">Annoncez et promouvez votre jeu sur le Web, ainsi que sur d'autres médias</span></span>.</li>
 <li><span class="tlid-translation translation" lang="fr"><span title="">Paiements.</span> <span title="">Chargez ce que vous voulez et utilisez le service de traitement des paiements de votre choix</span></span>.</li>
 <li><span class="tlid-translation translation" lang="fr"><span title="">Mettez à jour votre jeu quand vous le souhaitez</span></span><span class="seoSummary">.</span></li>
 <li><span class="tlid-translation translation" lang="fr"><span title="">Collectez vos propres analyses</span></span> !</li>
 <li><span class="tlid-translation translation" lang="fr"><span title="">Connectez-vous plus étroitement avec vos clients</span></span>,</li>
 <li><span class="tlid-translation translation" lang="fr"><span title="">Les joueurs peuvent jouer au jeu n'importe où, n'importe quand</span></span><span class="seoSummary">.</span></li>
</ol>

<h2 id="Technologies_Web" style="line-height: 30px;"><span class="tlid-translation translation" lang="fr"><span title="">Technologies Web</span></span></h2>
</div>

<div></div>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col" style="text-align: left;"><strong>Fonction</strong></th>
   <th scope="col" style="text-align: left;"><span class="tlid-translation translation" lang="fr"><span title="">Technologie</span></span></th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><strong>Audio</strong></td>
   <td><a href="/fr/docs/Web/API/Web_Audio_API">Web Audio API</a></td>
  </tr>
  <tr>
   <td><strong><span class="tlid-translation translation" lang="fr"><span title="">Graphique</span></span></strong></td>
   <td><a href="/fr/docs/Web/API/WebGL_API">WebGL</a> (<a href="http://www.khronos.org/opengles/" title="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0)</td>
  </tr>
  <tr>
   <td><strong>Input</strong></td>
   <td><a href="/fr/docs/Web/Guide/DOM/Events/Touch_events">Événements tactiles</a>, <a href="/fr/docs/Web/Guide/API/Gamepad">Utiliser l'API Gamepad</a>, <span class="tlid-translation translation" lang="fr"><span title="">capteurs de l'appareil</span></span> , <a href="/fr/docs/Web/API/WebRTC_API"> L'API WebRTC</a>, <a href="/fr/docs/Web/Guide/DOM/Using_full_screen_mode">Utiliser le mode plein écran</a>, <a href="/fr/docs/WebAPI/Pointer_Lock"> Pointer Lock API</a></td>
  </tr>
  <tr>
   <td><strong>Language</strong></td>
   <td><a href="/en-US/docs/JavaScript" title="/en-US/docs/JavaScript">JavaScript</a> (ou C/C++  <span class="tlid-translation translation" lang="fr"><span title="">utilisant</span></span> <a href="https://github.com/kripken/emscripten/wiki" title="https://github.com/kripken/emscripten/wiki">Emscripten</a> <span class="tlid-translation translation" lang="fr"><span title="">pour compiler en JavaScript</span></span> )</td>
  </tr>
  <tr>
   <td><strong>Networking</strong></td>
   <td><a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> et/ou <a href="/fr/docs/Web/API/WebSockets_API"> WebSockets</a></td>
  </tr>
  <tr>
   <td><strong>Stockage</strong></td>
   <td><a href="/fr/docs/Web/API/API_IndexedDB">IndexedDB</a>  <span class="tlid-translation translation" lang="fr"><span title="">ou le </span></span> "cloud"</td>
  </tr>
  <tr>
   <td><strong>Web</strong></td>
   <td><a href="/fr/docs/Web/HTML">HTML</a>, <a href="/fr/docs/Web/CSS">CSS</a>, <a href="/fr/docs/Web/SVG">SVG</a>, <a href="/en-US/docs/Social_API" title="/en-US/docs/Social_API">Social API</a> ( <span class="tlid-translation translation" lang="fr"><span title="">et beaucoup plus!</span></span> )</td>
  </tr>
 </tbody>
</table>

<div class="twocolumns">
<dl>
 <dt><a href="/en-US/docs/DOM/Using_fullscreen_mode" title="/en-US/docs/DOM/Using_fullscreen_mode">API plein écran</a></dt>
 <dd>Gameplay en plein écran.</dd>
 <dt><a href="/en-US/docs/API/Gamepad/Using_Gamepad_API" title="/en-US/docs/API/Gamepad/Using_Gamepad_API">API Gamepad</a></dt>
 <dd>Utilisez des manettes ou d'autres contrôleurs de jeu.</dd>
 <dt><a href="/en-US/docs/HTML" title="/en-US/docs/HTML">HTML</a> et <a href="/en-US/docs/CSS" title="/en-US/docs/CSS">CSS</a></dt>
 <dd>Créez, stylisez et aménagez l'interface utilisateur de votre jeu.</dd>
 <dt><a href="/en-US/docs/HTML/Element/audio" title="/en-US/docs/HTML/Element/audio">Audio HTML</a></dt>
 <dd>Jouez facilement des effets sonores et de la musique simplement.</dd>
 <dt><a href="/en-US/docs/IndexedDB" title="/en-US/docs/IndexedDB">IndexedDB</a></dt>
 <dd>Stockez les données utilisateur sur leur propre ordinateur ou appareil.</dd>
 <dt><a href="/en-US/docs/JavaScript" title="/en-US/docs/JavaScript">JavaScript</a></dt>
 <dd>Langage de programmation Web rapide pour écrire le code de votre jeu.<br>
 Pour porter facilement vos jeux existants <a href="https://github.com/kripken/emscripten/wiki" title="https://github.com/kripken/emscripten/wiki">Emscripten</a> ou <a href="http://asmjs.org/spec/latest/" title="http://asmjs.org/spec/latest/">Asm.js</a></dd>
 <dt><a href="/en-US/docs/WebAPI/Pointer_Lock" title="/en-US/docs/WebAPI/Pointer_Lock">API de verrouillage de pointeur</a></dt>
 <dd>Verrouillez la souris ou tout autre périphérique de pointage dans l'interface de votre jeu.</dd>
 <dt><a href="/en-US/docs/SVG" title="/en-US/docs/SVG">SVG</a> (Scalable Vector Graphics)</dt>
 <dd>Créez des graphiques vectoriels qui évoluent en douceur, quelle que soit la taille ou la résolution de l'écran de l'utilisateur.</dd>
 <dt><a href="/en-US/docs/JavaScript/Typed_arrays" title="/en-US/docs/JavaScript/Typed_arrays">Tableaux typés</a></dt>
 <dd>Accédez aux données binaires brutes depuis JavaScript; Manipulez les textures GL, les données de jeu ou tout autre chose.</dd>
 <dt><a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">API Web Audio</a></dt>
 <dd>Contrôlez la lecture, la synthèse et la manipulation de l'audio en temps réel.</dd>
 <dt><a href="/en-US/docs/WebGL" title="/en-US/docs/WebGL">WebGL</a></dt>
 <dd>Créez des graphiques 3D (et 2D) haute performance à accélération matérielle. <a href="http://www.khronos.org/opengles/" title="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0.</dd>
 <dt><a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a></dt>
 <dd>Communications en temps réel pour contrôler les données audio et vidéo, y compris la téléconférence et la transmission d'autres données d'application entre deux utilisateurs comme le chat.</dd>
 <dt><a href="/en-US/docs/WebSockets" title="/en-US/docs/WebSockets">WebSockets</a></dt>
 <dd>Connectez votre application ou votre site à un serveur pour transmettre des données en temps réel. Parfait pour l'action de jeu multijoueur, les services de chat, etc.</dd>
 <dt><a href="/en-US/docs/DOM/Using_web_workers" title="/en-US/docs/DOM/Using_web_workers">Web Workers</a></dt>
 <dd>Créez des threads d'arrière-plan exécutant leur propre code JavaScript pour les processeurs <span class="tlid-translation translation" lang="fr"><span title="">multicœurs</span></span>.</dd>
 <dt><a href="/en-US/docs/DOM/XMLHttpRequest" title="/en-US/docs/DOM/XMLHttpRequest">XMLHttpRequest</a> et <a href="/en-US/docs/DOM/File_API" title="/en-US/docs/DOM/File_API">File API</a></dt>
 <dd>Envoyez et recevez tout type de données que vous souhaitez à partir d'un serveur Web, comme le téléchargement de nouveaux niveaux de jeu et d'illustrations pour transmettre des informations sur l'état du jeu non en temps réel dans les deux sens.</dd>
</dl>
</div>