使用processing.js进行体积渲染

Question

给定一叠2D图像，如何使用Processing / Processing.js生成体积渲染效果？

目前我的想法是使用java（类似于imageJ）进行体积渲染 - ＆gt;获取体积渲染图像的面作为单独的jpeg，并使用它们在Processing中形成纹理立方体。

我想知道是否有人有更好的建议或任何有关如何进行拟议方法的提示。

Answer 1

在processing / processing.js中，您可以将图像加载到数组中，并在z轴上显示偏移量。您可能会发现使用peasycam可以更轻松地查看3d中的内容。

PImage[] imageArr; // load your images in setup()
float zOffset = 10;

void draw() {
    for (int i = 0; i < imageArr.length; i++) {
         float zVal = zOffset * float(i) - float(imageArr.length)*zOffset/2;
         pushMatrix();
         translate(0,0,zVal);
         imageMode(CENTER);
         image(imageArr[i], 0, 0);
         popMatrix;
    }
}

如果您想要执行更像图像数据的体素显示的操作，可以使用 PImage.pixels [] 读取图像颜色信息，并显示半透明的框（）< / strong>相同的颜色。

我同意迈克的评论。如果你想在processing.js中做同样的事情，你必须只使用内置的方法/库，除非你能找到一个等效的javascript。

如果我离开了，也许发布你想要的图片将有助于澄清你的问题。