84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
比如我要做一个微信的飞机大战， 要用键盘控制飞机的移动。我用的办法是监听键盘的上下左右按键，每次事件发生时，让飞机这个p的left和top发生变化（即增加或减少ins）， 但是如果ins很小，那么移动飞机很累。如果ins很大，那么移动很突兀， 而且飞机的移动会有盲区。这要如何解决呢？
p
left
top
ins
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
首先建議不要直接使用 Dom 來寫遊戲，Dom的操作算是挺消耗資源的，當物件一多，瀏覽器的重繪肯定會造成不流暢甚至卡死的問題。
Dom
建議是利用 Canvas 和 WebGL 來配合 Javascript 寫遊戲，一些HTML5遊戲框架也很好用，例如
Canvas
WebGL
Javascript
pixi.js
首先如上楼所说，绝对不要用ＤＯＭ去写游戏，也没有哪个游戏是用ＤＯＭ写的。其次，如果仅从动画层面考虑，通过改变ＤＯＭ元素的left，ｔｏｐ等会影响ＤＯＭ结构的属性来形成的动画，效果还不如ｃｓｓ３的ｔｒａｎｓｌａｔｅ，你可以去尝试比较两种动画的性能。最后，建议使用ｃａｎｖａｓ，它提供了丰富的ＡＰＩ，基本可以满足你做打飞机游戏的需求。根据你问题的需要，你可以参考我这篇文章中，文章末尾太空船的示例代码《每周一点canvas动画》——速度与加速度(2)
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
首先建議不要直接使用
Dom來寫遊戲，Dom的操作算是挺消耗資源的，當物件一多，瀏覽器的重繪肯定會造成不流暢甚至卡死的問題。建議是利用
Canvas和WebGL來配合Javascript寫遊戲，一些HTML5遊戲框架也很好用，例如pixi.js
首先如上楼所说，绝对不要用ＤＯＭ去写游戏，也没有哪个游戏是用ＤＯＭ写的。
其次，如果仅从动画层面考虑，通过改变ＤＯＭ元素的left，ｔｏｐ等会影响ＤＯＭ结构的属性来形成的动画，效果还不如ｃｓｓ３的ｔｒａｎｓｌａｔｅ，你可以去尝试比较两种动画的性能。
最后，建议使用ｃａｎｖａｓ，它提供了丰富的ＡＰＩ，基本可以满足你做打飞机游戏的需求。根据你问题的需要，你可以参考我这篇文章中，文章末尾太空船的示例代码《每周一点canvas动画》——速度与加速度(2)