简单 2D JS 游戏的图形答案

【问题标题】：Graphics for Simple 2D JS Game简单 2D JS 游戏的图形
【发布时间】：2018-08-19 15:28:48
【问题描述】：

我想用 JavaScript 制作一个 Angry Birds 类型的游戏。没有抽象用户输入或复杂动画的平面 2D 软 egde 游戏。

这个游戏的想法是学习用JS制作游戏，这样我就可以制作自己的非盗版游戏了。

问题是我应该使用哪种图形来提高效率？

DOM
SVG
帆布
等

我知道由于效率低下，应该用 JS 制作游戏，但这不是我的问题 - 我的问题是 JS 中最有效的方式是什么。

感谢您的帮助:)

【问题讨论】：

标签： javascript html dom canvas svg

【解决方案1】：

你应该使用画布。它提供了比其他更好的性能。

【讨论】：

但是 SVG 是响应式的。
谢谢，canvas 是否擅长针对多种设备进行响应式设计？ :)
是的，您可以使用一些 css 使其在任何屏幕尺寸下都可以调整

【解决方案2】：

我会使用带有库或框架的 Canvas / WebGL 来提供帮助。 PhaserJS https://phaser.io 用于制作游戏 - 这是基于 PixiJS http://www.pixijs.com 构建的，用于更一般的互动作品。 ZIM http://zimjs.com 增加了许多便利、组件和控件，位于 http://createjs.com 的 CreateJS 之上。这些类型的框架是大多数人在 Canvas 上制作游戏的方式。

【讨论】：