Merge branch 'gamepadsupport' of https://github.com/karlmacklin/phaser into karlmacklin-gamepadsupport

Conflicts: README.md
2026-08-13 12:30:11 +08:00 · 2013-12-31 00:44:11 +00:00
parent ba74bea4b4
commit 29d7cc36a0
19 changed files with 3541 additions and 0 deletions
@@ -0,0 +1,93 @@
+// Try this demo on Chrome with an XBOX 360 controller.
+// Use left and right triggers.
+
+var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update:update });
+
+function preload() {
+
+    game.load.spritesheet('controller-indicator', 'assets/misc/controller-indicator.png', 16,16);
+
+}
+
+var leftTriggerButton;
+var leftTriggerGfx;
+var rightTriggerGfx;
+
+var indicator;
+
+function create() {
+
+    game.stage.backgroundColor = '#736357';
+    game.input.gamepad.start();
+
+    setupScene();
+
+    /*
+        Here we see two ways to get similar result. Left trigger is via 'hotkey button' style and using Phaser Signals.
+        Right trigger is via callbacks. NOTE the difference in the callback functions - right trigger must make a check
+        for which button we're listening to.
+     */
+
+    leftTriggerButton = game.input.gamepad.pad1.addButton(Phaser.Gamepad.XBOX360_LEFT_TRIGGER);
+    leftTriggerButton.onDown.add(onLeftTrigger);
+    leftTriggerButton.onUp.add(onLeftTrigger);
+    leftTriggerButton.onFloat.add(onLeftTrigger);
+
+    game.input.gamepad.pad1.addCallbacks(this, {
+        onFloat:onRightTrigger,
+        onUp: onRightTrigger,
+        onDown: onRightTrigger
+    });
+
+
+
+}
+
+function onLeftTrigger(button, value) {
+    leftTriggerGfx.clear();
+    leftTriggerGfx.beginFill(0xFF700B, 1);
+    leftTriggerGfx.lineStyle(2, 0xFFFFFF, 1);
+    leftTriggerGfx.drawRect(0, -value*500, 50, value*500 + 5);
+    leftTriggerGfx.endFill();
+}
+
+function onRightTrigger(buttonCode,value) {
+    if(buttonCode !== Phaser.Gamepad.XBOX360_RIGHT_TRIGGER) {
+        return;
+    }
+
+    rightTriggerGfx.clear();
+    rightTriggerGfx.beginFill(0xFF700B, 1);
+    rightTriggerGfx.lineStyle(2, 0xFFFFFF, 1);
+    rightTriggerGfx.drawRect(0, -value*500, 50, value*500 + 5);
+    rightTriggerGfx.endFill();
+}
+
+function update() {
+    // Pad "connected or not" indicator
+    if(game.input.gamepad.supported && game.input.gamepad.active && game.input.gamepad.pad1.connected) {
+        indicator.animations.frame = 0;
+    } else {
+        indicator.animations.frame = 1;
+    }
+
+}
+
+function setupScene() {
+    indicator = game.add.sprite(10,10, 'controller-indicator');
+    indicator.scale.x = indicator.scale.y = 2;
+    indicator.animations.frame = 1;
+
+    leftTriggerGfx = game.add.graphics(300,550);
+    leftTriggerGfx.beginFill(0xFF700B, 1);
+    leftTriggerGfx.lineStyle(2, 0xFFFFFF, 1);
+    leftTriggerGfx.drawRect(0, 0, 50, 5);
+    leftTriggerGfx.endFill();
+
+    rightTriggerGfx = game.add.graphics(450,550);
+    rightTriggerGfx.beginFill(0xFF700B, 1);
+    rightTriggerGfx.lineStyle(2, 0xFFFFFF, 1);
+    rightTriggerGfx.drawRect(0, 0, 50, 5);
+    rightTriggerGfx.endFill();
+}
+