了解 CodePen 的 IDE 如何与 2d 射击游戏配合使用

戈约斯

我制作了一个非常基本的 2d 射击游戏,所有代码都在 1 个 html 文件中:(file_gist)。当我在原生 chrome 浏览器中打开文件时,一切都完全按照我的预期工作。但是,当我复制代码并将相应的 HTML/CSS/JS 放入 IDE 代码笔的相应字段时,该程序不会按预期运行。我可以看到 JS 正在使用程序中内置的可视文本指示工作,但是基于键盘输入的正方形向上、向下或向右移动的动画不会动画。“子弹”也不会按预期进行动画处理。想知道 IDE 如何以不同于我的本机浏览器的方式解释代码以及如何解决此问题。

我认为问题可能与以下代码行有关,但我不确定:

document.addEventListener("keydown", keyBoardInput); 

()

乔洪

我不确定它最终是如何工作的,但是为了改变topand left,你需要附加单位,在这种情况下px

所以,而不是player.style.left = playerLeft;,做player.style.left = playerLeft + "px";

https://codepen.io/anon/pen/MVPvMJ

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章