在three.js中進行體素化-Textures中的粒子材料

Question

我有一張要使用TextureLoader#load()映射到PlaneGeometry的圖像- 只要我的相機不在平面上看，它就會很好地呈現，在這種情況下（當然）它的寬度為零，並從視野中消失。

我試圖弄清楚如何使圖像具有一定的深度 ，所以我目前的想法是：

• 生成ParticleSystem ，其中粒子在(x, y)在圖像中的共享其顏色與（灰度）的像素(x, y) -有效，使得每個像素的面向相機廣告牌
• “立方體化”圖像中的每個像素，使其在z方向上占據一些空間。 因此，在(x, y)處的像素變成在(x, y, z)處在所有三個維度上都有一定大小的立方體。

兩者都使我能夠“沿着”圖像邊緣看並且看到一些東西 ，而平面是不可見的。

我的第一個問題是，這可能嗎？第二，這種體素化技術的名稱是什么？ three.js本身支持它嗎？

非常樂意提供更多信息或一些基本代碼（如果有幫助的話）。

Answer 1

這是絕對可能的。

多維數據集的想法應該在每個不錯的3d引擎中都是可行的。 只需克隆/實例化多維數據集，然后相應地定位和着色它們即可。

不確定是否有此技術的名稱。

也不確定在threejs中的粒子系統，但是我想那也是一個選擇。

我的真實答案是：使用Heightmaps

它們確實可以滿足您的需求。 高度圖是一種灰度紋理，對於它所映射的幾何圖形的每個頂點，它將根據灰度偏移頂點位置的y分量（白色=無偏移，黑色=全偏移） http：// danni -three.blogspot.de/2013/09/threejs-heightmaps.html