如何在p5.js中访问PGraphics像素

Question

我试图访问p5.js中PGraphics实例中的像素，但即使在调用loadPixels()之后，数组仍然是空的。

这是我尝试过的：

var buffer;

function setup() {
  createCanvas(100,100);
  pixelDensity(1);

  buffer = createGraphics(100,100);
  buffer.background(128);
}

function draw() {
  image(buffer,0,0);
}

function mouseDragged(){
  buffer.ellipse(mouseX,mouseY,3,3);
  buffer.loadPixels();
  console.log(buffer.pixels);//expecint pixels array, getting empty array
}

可以使用p5.js访问PGraphics中的像素吗？如果是这样的话，是怎么做的？

Answer 1

这似乎是一个错误：https://github.com/processing/p5.js/issues/1403

其他相关错误here和here。

已修复最新版本(2016年08月17日0.5.3版本)。

如果您像我一样使用p5.js编辑器，那么很明显它使用的是旧版本的库。您可以下载最新版本并将其复制到草图文件夹中。这似乎在编辑器运行之间持续存在，这有点吓人，但也许在幕后发生了一些神奇的事情。

无论如何，在更新到最新版本后，您的代码可以正常工作。