我可以在processing.js上后处理three.js吗？

Question

我可以将Three.js的输出作为processing.js上的可行缓冲区，因此我可以使用效果和叠加层进行一些渲染后处理吗？

Answer 1

如果您可以访问图像形式的输出，可以使用以下内容将其移交给草图：

草图：

addThreeJSImage(String datauri) {
  PImage img = loadImage(datauri);
  // trigger further code based on img
}

javascript（假设草图参考'p'）：

function doFunkyStuff(canvas) {
  imgdata = canvas.toDataURL('image/png');
  p.addThreeJSImage(imgdata);
}

假设three.js允许您访问画布，当然，它绘制的数据是“干净的”（即您没有导入任何外部图像，因为然后跨源锁定会阻止您阅读像素;你只能写出来......）