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

Creating an array & outputting its code definition for preloading

本文关键字：定义 代码 加载 输出 一个 数组 创建      更新时间：2023-09-26

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

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

您的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);

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#2dcontext

相关文章：