javascript - 配列を作成し、プリロード用のコード定義を出力します

Question

2Dキャンバスを表す2D配列を作成したいと思います。ピクセルごとに、値を検索してから、配列の各要素として整数{0、1、2、3、4}を保存します。残念ながら、これは私がゲームをロードするたびに実行するには長すぎます。

この配列を作成して配列コードを出力するスクリプトを作成して、jsファイルに貼り付けてプリロードするようにするにはどうすればよいですか？（私はゲームのプロトタイプを作成しているので、テストマップ用にこれを実行する必要があります。）

score 0 · Accepted Answer

あなたのcanvas（ '2d'）コンテキストには、すべてのピクセルに関する情報を含む1D配列を返すメソッドgetImageData（）が含まれています。この配列には、R、G、B、Aを表す各ピクセルの4つの値が含まれています。

したがって、次のようなことができます。

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

コンソールからログをコピーして、ファイルの変数に貼り付けます...

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

1 に答える 1