为什么Processing.js给我一个关于我的代码中没有的函数的错误？

Question

所以我正在使用processing.js来制作一些抽象的排版（例如this），并且我发现某人的代码我想用作我自己代码的基础。我尝试将其复制并粘贴到开放处理，在线编辑器进行处理，当我尝试运行它时，它给了我这个错误：drawing.$ensureContext(...).getImageData is not a function

here是代码：

PImage hm;
int xstep = 1;
int max_height = 60;
 
void setup() {
  size(600, 400, P3D);
  background(0);
  fill(255);
  textSize(128);
  textAlign(CENTER);
  text("LIGMA", width/2, height/2);
  filter(BLUR, 8);
  hm = get();
}
 
void draw() {
  background(0);
  strokeWeight(2);
  stroke(255);
  float b, z, px, pz;
  translate(width/2, height/2,-20);
  rotateY(map(mouseX,0,width,-PI,PI));
  rotateX(map(mouseY,0,height,-PI,PI));
 
  translate(-width/2, -height/2);
  for (int y = 5; y < height; y+=10) {
    px = -1;
    pz = 0;
    for (int x = 0; x < width; x+=xstep) {
      b = brightnes(hm.get(x,y));
      z = map(b, 0, 200, 0, max_height);
      //stroke(color(b));
      line(px, y, pz, x, y, z);
      px = x;
      pz = z;
    }
  }
}

在我的代码中没有任何地方可以找到这个drawing.$ensureContext(...).getImageData。任何人都可以解释为什么会发生这种情况以及如何解决它？

Answer 1

问题可能来自此代码行和P3D上下文：

filter(BLUR, 8);

由于filter()等待处理图像，PImage对象在处理中因此无法找到。删除它，错误就会消失。

看看它说的this文档：

描述：过滤由以下模式之一定义的图像：

filter()使用aImg.loadPixels()，其中aImg是一个图像，这里是loadPixels源代码中的函数ProcessingJS：

p.loadPixels = function() {
  p.imageData = drawing.$ensureContext().getImageData(0, 0, p.width, p.height);
};

它不会让你想起什么吗？ :)