我制作了一个非常基本的 2d 射击游戏,所有代码都在 1 个 html 文件中:(file_gist)。当我在原生 chrome 浏览器中打开文件时,一切都完全按照我的预期工作。但是,当我复制代码并将相应的 HTML/CSS/JS 放入 IDE 代码笔的相应字段时,该程序不会按预期运行。我可以看到 JS 正在使用程序中内置的可视文本指示工作,但是基于键盘输入的正方形向上、向下或向右移动的动画不会动画。“子弹”也不会按预期进行动画处理。想知道 IDE 如何以不同于我的本机浏览器的方式解释代码以及如何解决此问题。
我认为问题可能与以下代码行有关,但我不确定:
document.addEventListener("keydown", keyBoardInput);
(笔)
我不确定它最终是如何工作的,但是为了改变top
and left
,你需要附加单位,在这种情况下px
。
所以,而不是player.style.left = playerLeft;
,做player.style.left = playerLeft + "px";
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句