joystick support

Author: inindev

index.html

@@ -452,8 +452,7 @@
     let body;
     let canvas;
     let canvas_input;
-    let gamepad;
-    let gamepad_ico;
+    let gamepad_elem;
     let run_stop_btn;
     let interval;
     let last_ms;
@@ -519,13 +518,15 @@
         localStorage.setItem("settings.vscan", e.target.checked);
     }
 
-    function gamepad_connect(e) {
+    function gamepad_connection(e) {
         if(e.type === "gamepaddisconnected") {
-            gamepad = undefined;
-            gamepad_ico.className= "gamepad off";
+            if(motherboard.joystick.gamepad == e.gamepad) {
+                motherboard.joystick.gamepad = undefined;
+                gamepad_elem.className= "gamepad off";
+            }
         } else {
-            gamepad = e.gamepad;
-            gamepad_ico.className= "gamepad";
+            motherboard.joystick.gamepad = e.gamepad;
+            gamepad_elem.className= "gamepad";
         }
     }
 
@@ -589,9 +590,9 @@
         document.addEventListener('keydown', ff?key_down:key_down_trans);
         document.addEventListener('keyup', key_up);
 
-        gamepad_ico = document.querySelector("div.gamepad");
-        window.addEventListener("gamepadconnected", gamepad_connect);
-        window.addEventListener("gamepaddisconnected", gamepad_connect);
+        gamepad_elem = document.querySelector("div.gamepad");
+        window.addEventListener("gamepadconnected", gamepad_connection);
+        window.addEventListener("gamepaddisconnected", gamepad_connection);
 
         document.getElementById("fullscreen").addEventListener("click", display_fullscreen);
         const tcolor = document.getElementById("tcolor");

io_manager.js

@@ -63,13 +63,14 @@
 
 export class IOManager
 {
-    constructor(memory, keyboard, display_text, display_hires, display_double_hires, audio_cb) {
+    constructor(memory, keyboard, display_text, display_hires, display_double_hires, audio_cb, joystick) {
         this._mem = memory;
         this._kbd = keyboard;
         this._display_text = display_text;
         this._display_hires = display_hires;
         this._display_double_hires = display_double_hires;
         this._audio_cb = audio_cb;
+        this._joystick = joystick;
 
         this._c3_rom = false;
         this._c8_rom = false;
@@ -138,6 +139,22 @@ export class IOManager
                     return this._altchar_mode ? 0x80 : 0;
                 case 0xc01f: // 80 col mode (0: 40 cols, 0x80: 80 cols)
                     return this._80col_mode ? 0x80 : 0;
+                case 0xc061: // js pb0
+                    return this._joystick.button0 ? 0x80 : 0;
+                case 0xc062: // js pb1
+                    return this._joystick.button1 ? 0x80 : 0;
+                case 0xc063: // js pb2
+                    return this._joystick.button2 ? 0x80 : 0;
+                case 0xc064: // js pdl-0
+                    return this._joystick.axis0;
+                case 0xc065: // js pdl-1
+                    return this._joystick.axis1;
+                case 0xc066: // js pdl-2
+                    return this._joystick.axis2;
+                case 0xc067: // js pdl-3
+                    return this._joystick.axis3;
+                case 0xc070: // trigger paddle read
+                    return 0;
                 case 0xc07e: // iou disable (0: iou is enabled, 0x80: iou is disabled)
                     //console.log("iou disable: " + this._iou_disable);
                     return this._iou_disable ? 0x80 : 0;

joystick.js

@@ -0,0 +1,70 @@
+//
+//  joystick wrapper for browser gamepad
+//
+//  Copyright 2018, John Clark
+//
+//  Released under the GNU General Public License
+//  https://www.gnu.org/licenses/gpl.html
+//
+
+
+const ps4 = {
+    button0: 2,
+    button1: 0,
+    button2: 1,
+    axis0: 0,
+    axis1: 1,
+    axis2: 2,
+    axis3: 3
+};
+
+
+export class Joystick
+{
+    constructor() {
+        this.gamepad = undefined;
+    }
+
+    get button0() {
+        return this.get_button_pressed("button0");
+    };
+
+    get button1() {
+        return this.get_button_pressed("button1");
+    };
+
+    get button2() {
+        return this.get_button_pressed("button2");
+    };
+
+    get axis0() {
+        return this.get_axis_value("axis0");
+    };
+
+    get axis1() {
+        return this.get_axis_value("axis1");
+    };
+
+    get axis2() {
+        return this.get_axis_value("axis2");
+    };
+
+    get axis3() {
+        return this.get_axis_value("axis3");
+    };
+
+    get_button_pressed(btn) {
+        if(!this.gamepad) return false;
+        return this.gamepad.buttons[ps4[btn]].pressed;
+    }
+
+    get_axis_value(axis) {
+        if(!this.gamepad) return 128;
+        let val = Math.floor((this.gamepad.axes[ps4[axis]] * 128) + 128);
+        if(val < 0) val = 0;
+        if(val > 255) val = 255;
+        if((val > 122) && (val < 133)) val = 128;
+        return val;
+    }
+}
+

motherboard.js

@@ -18,6 +18,7 @@ import {DoubleHiresDisplay} from "./display_double_hires.js";
 import {Keyboard} from "./keyboard.js";
 import {Floppy525} from "./floppy525.js";
 import {AppleAudio} from "./apple_audio.js";
+import {Joystick} from "./joystick.js";
 import {rom_342_0304_cd} from "./rom/342-0304-cd.js";
 import {rom_342_0303_ef} from "./rom/342-0303-ef.js";
 
@@ -33,7 +34,10 @@ export class Motherboard
         this.display_double_hires = new DoubleHiresDisplay(this.memory, canvas);
         this.floppy525 = new Floppy525(6, this.memory, floppy_led_cb);
         this.audio = new AppleAudio(khz);
-        this.io_manager = new IOManager(this.memory, this.keyboard, this.display_text, this.display_hires, this.display_double_hires, this.audio_click.bind(this));
+        this.joystick = new Joystick();
+        this.io_manager = new IOManager(this.memory, this.keyboard,
+                                        this.display_text, this.display_hires, this.display_double_hires,
+                                        this.audio_click.bind(this), this.joystick);
 
         this.cycles = 0;
     }