Изменение элементов управления HTML5 на мышь/касание

Question

Итак, у меня есть мои элементы управления, настроенные как пробел, чтобы прыгать, но я хочу, чтобы моя игра HTML5 работала везде, поэтому мне нужно изменить ее на мышь/касание. Mouse/touch не имеет ключевого кода, так что самый оптимальный способ сделать это для этого кода? Нужно ли мне делать мышь и касаться отдельно?

if (KEY_STATUS.space && player.dy === 0 && !player.isJumping) { 
    player.isJumping = true; 
    player.dy = player.jumpDy; 
    jumpCounter = 12; 
    assetLoader.sounds.jump.play(); 
} 

// jump higher if the space bar is continually pressed 
if (KEY_STATUS.space && jumpCounter) { 
    player.dy = player.jumpDy; 
} 

Answer 1

Вы говорите о событиях касания в JavaScript. Вам нужно будет добавить прослушиватель событий и поймать, если пользователь коснется экрана. Here вы можете найти хорошо документированный учебник о том, как использовать его как на сенсорном экране, так и на мыши.

Ознакомьтесь с первым answer, вам нужно будет сделать это так. Вам нужно будет добавить прослушиватель событий на canvas, как это сделал парень на myDiv.

Вот пример, который я написал (не против меня быть странным, пожалуйста):

<div id="fakeCanvas"> 
    Click or touch me! 
</div> 

<script type="text/javascript"> 
    var fakeCanvas = document.getElementById('fakeCanvas'); 

    function methodToInvokeForClick() { 
     alert('I have been clicked!'); 
    } 

    function methodToInvokeForTouch() { 
     alert('I have been touched!'); 
    } 

    fakeCanvas.addEventListener("click", methodToInvokeForClick, false); 
    fakeCanvas.addEventListener("touchstart", methodToInvokeForTouch, false); 
</script> 

Я думаю, что вы можете взять его на теперь. Что я сделал с fakeCanvasdiv, вам нужно будет сделать то же самое с вашим canvas, давая ему id и т.д. Удачи!