使用processing.js進行體繪製

Question

給定一堆2d圖像，如何使用Processing/Processing.js產生體繪製效果？

目前我的想法是使用java（如imageJ）進行體繪製 - >將體繪製圖像的面作爲單獨的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讀取圖像的色彩信息[]和顯示半透明一個盒（）相同的顏色。

我同意Mike的意見。如果你想在processing.js中做同樣的事情，你只能使用內置的方法/庫，除非你能找到一個與javascript相當的方法。

如果我沒有辦法，也許發佈一張你要去的圖片將有助於澄清你的問題。