javascript - 我可以在 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 让您当然可以访问画布，并且它绘制的数据是“干净的”（即您没有导入任何外部图像，因为跨域锁定会阻止您读取像素；您'将只能覆盖它们...）