joystick overlay only appears on first touch

This commit is contained in:
Nathan DECHER 2020-04-06 14:01:08 +02:00
parent 338934866b
commit 2a9418c9c4

View file

@ -23,7 +23,11 @@ const handleAngleMagnitude=(x, y, threshold=0, fn=null) => {
if(fn) fn(angle, magnitude);
}
}
};
const removeChild=(parent, child) => {
if(child.parentNode==parent) parent.removeChild(child);
};
const handleCrosspad=(() => {
const ns='http://www.w3.org/2000/svg';
@ -50,7 +54,7 @@ const handleCrosspad=(() => {
let enabled=false;
const displayOverlay=() => {
if(useOverlay && enabled) hud.appendChild(cross);
else hud.removeChild(cross);
else removeChild(hud, cross);
};
config.watchB('input.touchscreen.crosspad.overlay', (k, v) => {
useOverlay=v;
@ -98,6 +102,7 @@ const handleJoystick=(() => {
let ctx=cvs.getContext('2d');
let enabled=false;
let useOverlay=false;
let firstTouch=false;
let center={
x: 0,
@ -106,7 +111,7 @@ const handleJoystick=(() => {
let deadzone;
const displayOverlay=() => {
if(!enabled || !useOverlay) return hud.removeChild(cvs);
if(!enabled || !useOverlay || !firstTouch) return removeChild(hud, cvs);
cvs.width=cvs.height=4*deadzone+120;
hud.appendChild(cvs);
@ -160,6 +165,7 @@ const handleJoystick=(() => {
touchstart: e => {
center.x=e.touches[0].clientX;
center.y=e.touches[0].clientY;
firstTouch=true;
displayOverlay();
},
touchmove: e =>