如果我想构建一个简单的游戏（蛇、跳棋、吃豆人或其他），那么更好的方法是什么——SVG 或 Canvas？
我感兴趣的事情：
易于实施（Canvas 与 SVG 的学习曲线）。例如，如果 SVG 的教程和社区支持显着减少，这对我来说至关重要。
性能（对我来说不是关键，但仍然很重要）
而且，在游戏领域，有没有比 Canvas 更适合 SVG 的特定游戏（反之亦然？）
问问题
12588 次
1 回答
52
需要大量鼠标交互且不需要太多连续动画的游戏（例如跳棋或国际象棋，或任何与此相关的棋盘游戏）更适合 SVG，因为您使用 dom 元素。考虑一个简单的按钮悬停，在 SVG 中，您可以添加事件侦听器，甚至只是放置g.button:hover path {fill: blue;}在您的 CSS 中，它就会起作用。另一方面，Canvas 需要跟踪命中区域并用 Javascript 绘制所有内容。
Snake 和 Pacman 更适合画布，你可以用键盘控制一切，画到画布上比在 SVG 中移动元素更便宜。有优秀的画布游戏库，impact.js就是其中之一。
解决你的观点：
易用性：如果您熟悉纯 javascript DOM 操作，SVG 是轻而易举的事。如果你是白板，我会说画布更容易掌握，因为你只是在上面画画。
社区支持：游戏画布胜出。有一个强大的 SVG 社区，但在游戏领域却没有。
表现：混合。如果您不采取一些技巧，canvas 和 SVG 都可能会很慢。例如，如果您在每一帧上重新绘制整个屏幕，则在画布中从左向右移动一个正方形可能会很不稳定。如果您只是重新绘制更改的区域，那么它是平滑的。SVG 可以毫不费力地处理这种情况。但另一方面，如果您想一次为数千个矩形设置动画，如果您不将矩形包装在一个组中并移动该组，那么 canvas 会顺利处理它，而 SVG 会陷入困境。
总而言之，如果您想在 javascript 中探索游戏，也许 Canvas 是一个更好的选择。我已经在 SVG 中完成了三款游戏，最新的一款是http://color.method.ac，但我涉足了画布，我认为它更适合游戏。
于 2012-09-06T02:18:52.677 回答