'+
'
'+
@@ -21,4 +42,4 @@ document.body.innerHTML +=
'
'+
'
'+
'code: phoboslab.org / music: no-fate.net'+
- '
';
\ No newline at end of file
+ '';
diff --git a/source/input.js b/source/input.js
index eb2ad52..248f2e6 100755
--- a/source/input.js
+++ b/source/input.js
@@ -81,3 +81,72 @@ c.onmouseup = (ev) => {
keys[key_action + ev.button] = 0;
};
+// ─── Mobile virtual controls ───
+
+if (is_touch) {
+ let ctrl = document.createElement('div');
+ ctrl.id = 'ctrl';
+ ctrl.innerHTML =
+ '
'+
+ ''+
+ ''+
+ ''+
+ ''+
+ '
'+
+ '
'+
+ '
'+
+ ''+
+ ''+
+ ''+
+ ''+
+ '
';
+ document.getElementById('g').appendChild(ctrl);
+
+ // Prevent touches from reaching the canvas
+ ctrl.addEventListener('touchstart', (e) => e.preventDefault(), {passive: false});
+ ctrl.addEventListener('touchmove', (e) => e.preventDefault(), {passive: false});
+
+ // Bind button press/release
+ let bindBtn = (id, keyIndex) => {
+ let el = document.getElementById(id);
+ el.addEventListener('touchstart', () => { keys[keyIndex] = 1; });
+ el.addEventListener('touchend', () => { keys[keyIndex] = 0; });
+ el.addEventListener('touchcancel', () => { keys[keyIndex] = 0; });
+ };
+ bindBtn('btn-up', 1);
+ bindBtn('btn-down', 3);
+ bindBtn('btn-left', 2);
+ bindBtn('btn-right', 4);
+ bindBtn('btn-shoot', 7);
+ bindBtn('btn-jump', 9);
+ bindBtn('btn-prev', 5);
+ bindBtn('btn-next', 6);
+
+ // Right zone touch drag → camera
+ let rightZone = document.getElementById('ctrl-right'),
+ touch_id = null,
+ last_tx = 0,
+ last_ty = 0;
+ rightZone.addEventListener('touchstart', (e) => {
+ let t = e.changedTouches[0];
+ touch_id = t.identifier;
+ last_tx = t.clientX;
+ last_ty = t.clientY;
+ });
+ rightZone.addEventListener('touchmove', (e) => {
+ for (let t of e.changedTouches) {
+ if (t.identifier === touch_id) {
+ mouse_x += t.clientX - last_tx;
+ mouse_y += t.clientY - last_ty;
+ last_tx = t.clientX;
+ last_ty = t.clientY;
+ }
+ }
+ });
+ rightZone.addEventListener('touchend', (e) => {
+ for (let t of e.changedTouches) {
+ if (t.identifier === touch_id) touch_id = null;
+ }
+ });
+}
+
diff --git a/source/main.js b/source/main.js
index 83142f2..f30cd13 100755
--- a/source/main.js
+++ b/source/main.js
@@ -124,8 +124,10 @@ game_load = async () => {
f.onclick = () => g.requestFullscreen();
g.onclick = () => {
- g.onclick = () => c.requestPointerLock();
- g.onclick();
+ if (!is_touch) {
+ g.onclick = () => c.requestPointerLock();
+ g.onclick();
+ }
audio_init();