在JavaScript中将贴图转换为2d数组

var image = new Image();
image.src = 'path/to/texture.png';

image.onload = function() {
  // 在这里进行贴图转换为2D数组的操作
};

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');

context.drawImage(image, 0, 0);

var imageData = context.getImageData(0, 0, canvas.width, canvas.height);

var pixels = imageData.data;
var width = imageData.width;
var height = imageData.height;
var textureArray = [];

for (var y = 0; y < height; y++) {
  var row = [];
  for (var x = 0; x < width; x++) {
    var index = (y * width + x) * 4;
    var r = pixels[index];
    var g = pixels[index + 1];
    var b = pixels[index + 2];
    var a = pixels[index + 3];
    row.push([r, g, b, a]);
  }
  textureArray.push(row);
}