javascript - 创建一个数组并输出其代码定义以进行预加载

Question

我想创建一个代表我的 2d 画布的 2d 数组。对于每个像素，我将查找值，然后将整数 {0, 1, 2, 3, 4} 保存为数组的每个元素。不幸的是，每次我加载游戏时都需要很长时间才能运行。

如何编写一个脚本来为我创建这个数组并输出数组代码，这样我就可以将它粘贴到一个 js 文件中并预加载它？（我正在制作一个游戏的原型，所以我只需要为我的一两个测试地图运行它。）

score 0 · Accepted Answer

您的 canvas('2d') 上下文包含一个方法 getImageData() ，它将返回一个一维数组，其中包含有关所有像素的信息。该数组包含每个像素的四个值，分别表示：R、G、B、A。

因此，您可以执行以下操作：

var context = canvas.context('2d');
var imageData = context.getImageData();
console.log(imageData):

从控制台复制日志并将其粘贴到文件中的变量中...

var imageData = [.......];
var context = canvas.context('2d');
context.setImageData(imageData);

1 回答 1