javascript - 将我的 HTML5 游戏控件更改为鼠标/触摸

Question

所以我将控件设置为空格键来跳跃，但我希望我的 HTML5 游戏可以在任何地方运行，所以我需要将其更改为鼠标/触摸。鼠标/触摸没有键码，那么对此代码执行此操作的最佳方法是什么？我需要分别做鼠标和触摸吗？

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>

我认为你可以从现在开始接管它。我对 fakeCanvas div 所做的操作，您必须通过给它一个 id 对您的 canvas 执行相同的操作> 等等。祝你好运!