HTML and CSS Reference
In-Depth Information
console.log("Button "+button+" was pressed.");
if(button == 1) { // button[1] is B or O
GAME.startNewGame();
}
}
else {
console.log("Button "+button+" was released.");
}
},
Thanks to this, when the gamepad is connected, pressing the given button will start the game.
Complete Source Code
Listing 10-1 shows what your gamepad test code looks like when complete.
Listing 10-1.
Finished Gamepad API
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Gamepad API Test</title>
</head>
<body>
<p>Check the browser's JavaScript console for output.</p>
<script>
/* Here goes the JavaScript code we'll write */
/* Completed Gamepad API object: */
var gamepadAPI = {
controllers: {},
active: false,
gamepadConnected: function(event) {
var controller = event.gamepad;
var controllerID = event.gamepad.id;
gamepadAPI.controllers[event.gamepad.index] = controller;
gamepadAPI.active = true;
console.log("Connected Gamepad ID: "+controllerID+".");
},
gamepadDisconnected: function(event) {
delete gamepadAPI.controllers[event.gamepad.index];
if(!gamepadAPI.controllers.length) {
gamepadAPI.active = false;
}
console.log('Gamepad disconnected.');
},
buttonPressed: function(event, pressed) {
var button = event.button;
if(pressed) {
console.log("Button "+button+" was pressed.");
