HTML像素游戏答案

【问题标题】：HTML pixel GameHTML像素游戏
【发布时间】：2017-07-21 20:30:19
【问题描述】：

我正在制作一个 64x64 的单色像素网络游戏。在不使用额外库的情况下，用 HTML5/JavaScript 在网页上渲染游戏的缩放图像的最有效方法是什么？

【问题讨论】：

帆布就是你要找的东西
为此我推荐 phaser.io 或 pixi.js，这些库在画布之上工作并使用 webgl 加速（如果可用）
@philipp : OP 询问“不使用额外的库”
查看这篇文章，了解我如何让我的像素游戏更优化：stackoverflow.com/questions/18964775/…

【解决方案1】：

如果您只使用 2 维，Canvas html 元素是最好的选择，带有 2d 上下文。您可以在其上绘制图像、线条等...如果您需要 3 维支持，您可以在此画布上使用 WebGL。这个resource 教你如何使用带有 HTML5 和 Javascript 的基本画布，以及操作图像。 3D渲染可以查看thisMDN教程。

【讨论】：