---
title: Gamepad
slug: Web/API/Gamepad
translation_of: Web/API/Gamepad
---
<p>{{APIRef("Gamepad API")}}</p>

<p>L'interface <strong><code>Gamepad</code></strong> de l'<a href="/fr/docs/Web/API/Gamepad_API">API Gamepad</a> définit une manette individuelle ou un autre contrôleur, autorisant l'accès à des informations telles que les boutons pressés, la position des axes et l'identifiant.</p>

<p>Un objet <code>Gamepad</code> peut être retourné de deux manières :</p>

<ul>
 <li>Via la propriété <code>gamepad</code> des événements {{event("gamepadconnected")}} et {{event("gamepaddisconnected")}}.</li>
 <li>Ou en prenant n'importe quelle position dans le tableau retourné par la méthode {{domxref("Navigator.getGamepads()")}}.</li>
</ul>

<h2 id="Propriétés">Propriétés</h2>

<dl>
 <dt>{{domxref("Gamepad.axes")}} {{readonlyInline}}</dt>
 <dd>Un tableau représentant les contrôles avec les axes présents sur le dispositif (par exemple : les joysticks analogiques).</dd>
 <dt>{{domxref("Gamepad.buttons")}} {{readonlyInline}}</dt>
 <dd>Un tableau d'objets {{domxref("gamepadButton")}} représentant les boutons présents sur le dispositif.</dd>
 <dt>{{domxref("Gamepad.connected")}} {{readonlyInline}}</dt>
 <dd>Un booléen indiquant si la manette est toujours connectée au système.</dd>
 <dt>{{domxref("Gamepad.displayId")}} {{readonlyInline}}</dt>
 <dd>Retourne <dfn>{{domxref("VRDisplay.displayId")}} associé à {{domxref("VRDisplay")}} — Le VRDisplay</dfn><dfn> </dfn>dont la manette contrôle la scène affichée.</dd>
 <dt>{{domxref("Gamepad.id")}} {{readonlyInline}}</dt>
 <dd>Un {{domxref("DOMString")}} contenant l'information d'identification de la manette.</dd>
 <dt>{{domxref("Gamepad.index")}} {{readonlyInline}}</dt>
 <dd>Un entier qui s'auto-incrémente pour être unique à chaque dispositif actuellement connecté au système.</dd>
 <dt>{{domxref("Gamepad.mapping")}} {{readonlyInline}}</dt>
 <dd>Une chaîne de caractères indiquant si le navigateur a remappé les contrôles du dispositif à un layout connu.</dd>
 <dt>{{domxref("Gamepad.timestamp")}} {{readonlyInline}}</dt>
 <dd>Un {{domxref("DOMHighResTimeStamp")}} représentant la dernière fois que les données pour cette manette a été mise à jour. <em>Noter que cette propriété n'est pas supportée partout.</em></dd>
</dl>

<h3 id="Extensions_expérimentales_apportées_à_Gamepad">Extensions expérimentales apportées à <code>Gamepad</code></h3>

<p>Les interfaces suivantes sont définies dans la spécification {{SpecName("GamepadExtensions")}} et fournissent un accès à des fonctionnalités expérimentales tels que les retours haptiques et informations de position des contrôleurs WebVR.</p>

<dl>
 <dt>{{domxref("Gamepad.hand")}} {{readonlyinline}}</dt>
 <dd>Une énumération qui définit dans quelle main le contrôleur est tenue (ou dans laquelle il est probablement tenue).</dd>
 <dt>{{domxref("Gamepad.hapticActuators")}} {{readonlyinline}}</dt>
 <dd>Un tableau contenant des objets {{domxref("GamepadHapticActuator")}} dont chacun représente un matériel disponible pour le contrôleur pour les retours haptiques.</dd>
 <dt>{{domxref("Gamepad.pose")}} {{readonlyinline}}</dt>
 <dd>Un objet {{domxref("GamepadPose")}} qui représente la position et l'orientation d'un contrôleur WebVR dans l'espace en trois dimensions.</dd>
</dl>

<h2 id="Exemples">Exemples</h2>

<pre class="brush: js">window.addEventListener("gamepadconnected", function(event) {
  console.log("Contrôleur connecté à %d: %s. %d boutons, %d axes.",
  event.gamepad.index, event.gamepad.id,
  event.gamepad.buttons.length, event.gamepad.axes.length);
});</pre>

<h2 id="Spécifications">Spécifications</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">Statut</th>
   <th scope="col">Commentaire</th>
  </tr>
  <tr>
   <td>{{SpecName("Gamepad", "#gamepad-interface", "Gamepad")}}</td>
   <td>{{Spec2("Gamepad")}}</td>
   <td>Première définition</td>
  </tr>
  <tr>
   <td>{{SpecName('WebVR', '#gamepad-getvrdisplays-attribute', 'displayId')}}</td>
   <td>{{Spec2("WebVR")}}</td>
   <td>
    <p>Définit la propriété {{domxref("Gamepad.displayId")}}.</p>
   </td>
  </tr>
  <tr>
   <td>{{SpecName("GamepadExtensions", "#partial-gamepad-interface", "Gamepad extensions")}}</td>
   <td>{{Spec2("GamepadExtensions")}}</td>
   <td>Définit les extensions expérimentales</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilités_des_navigateurs">Compatibilités des navigateurs</h2>

<p>{{Compat("api.Gamepad")}}</p>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li><a href="/fr/docs/Web/Guide/API/Gamepad">Utilisation de l'API Gamepad</a></li>
 <li><a href="/fr/docs/Web/API/Gamepad_API">API Gamepad</a></li>
</ul>