Support touchscreen devices

Click events on touchscreen devices are handled by the touchstart and
touchend events. These events will now enable and disable the pointer
device, move the pointer position, and press and release the primary
pointer button.

1 files changed, 14 insertions, 0 deletions

diff --git a/bedrock.js b/bedrock.js
index 7be6e4d..34ddc41 100644
--- a/bedrock.js
+++ b/bedrock.js
@@ -517,6 +517,17 @@ function EmulatorElement(options) {
         }
     }
 
+    emulator.touchStart = function(e) {
+        if (e.changedTouches.length) {
+            emulator.mouseMove(e.changedTouches[0]); }
+        br.dev.input.applyActive(true);
+        br.dev.input.applyButtons(0x01);
+    }
+    emulator.touchEnd = function(e) {
+        br.dev.input.applyActive(false);
+        br.dev.input.applyButtons(0x00);
+    }
+
     fullscreenButton.addEventListener('click', emulator.toggleFullscreen);
     stateButton.addEventListener('click', emulator.toggleStatePanel);
     runButton.addEventListener('click', emulator.runProgram);
@@ -528,6 +539,9 @@ function EmulatorElement(options) {
     canvas.addEventListener('pointermove', emulator.mouseMove);
     canvas.addEventListener('mousedown', emulator.mouseDown);
     canvas.addEventListener('mouseup', emulator.mouseUp);
+    canvas.addEventListener('touchstart', emulator.touchStart);
+    canvas.addEventListener('touchend', emulator.touchEnd);
+    canvas.addEventListener('touchcancel', emulator.touchEnd);
     canvas.addEventListener('mouseenter', emulator.mouseEnter);
     canvas.addEventListener('mouseleave', emulator.mouseExit);
     canvas.addEventListener('wheel', emulator.mouseScroll);