在 JavaScript 游戏开发中 Canvas 与 DOM 的优缺点是什么? [英] What are the advantages/disadvantages of Canvas vs. DOM in JavaScript game development?

问题描述

与使用画布相比，在纯"DOM 中创建游戏的优缺点是什么?

What are advantages and disadvantages of creating games in 'pure' DOM as compared to using canvas?

推荐答案

canvas优点:

canvas pros :

1. 可以操作像素和应用滤镜效果，非常容易进行图像处理；
2. 对于小尺寸但游戏中有数百个元素非常有效
3. 可以使用画布找到许多游戏库，例如 box2dweb，并且可以制作很棒的游戏，例如愤怒的小鸟

缺点:

1. 它是无状态的，因此您必须在画布中记录元素的状态，并自行处理命中测试.
2. 对于非常大的尺寸来说效率低下，但游戏中的元素很少
3. 能力强，责任重大.绘画的自由，带来了你必须负责所有的绘图人员.好在里面有很多库，比如cocos2d-html5、IvanK.

DOM优点:

DOM pros:

1. 由浏览器渲染，因此不易出错；

缺点:

1. 只能用CSS做简单的动画，导致游戏不流畅；
2. 不利于操作数百个 DOM 元素； 

这篇关于在 JavaScript 游戏开发中 Canvas 与 DOM 的优缺点是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！