2013-04-01 64 views
0

我有一個非常簡單的場景three.js所路徑:clickthree.js所跨越的平面

通過從2D空間供給系列載體(從相機視圖0,0繪製,200),例如{from:{x,:0, y:10}, to:{x:50,y:50}}我希望能夠在整個平面物體很像下面的示例圖像的臉畫的路徑描繪:

enter image description here

我是相當新的three.js所/ 3D一般,並期待在Vector3和路徑對象,但承認我有點卡住從哪裏開始 - 任何人都可以提供任何建議或理想的簡單更新我張貼的JSFiddle?

回答

3

我已經更新您的jsfiddle做你想要的東西(我認爲):http://jsfiddle.net/evgeni_popov/uBQnS/3/

的路徑是在path變量。線條用Z = 1繪製,以便它們不會卡在Z = 0的平面中。

我已將MeshLamberMaterial更改爲MeshBasicMaterial,以便我們可以更好地看到線條。

+0

正是我在找的東西。非常感謝您的快速響應。 – Sidebp

+0

對不起,還有一個相關的問題:如果我想畫線作爲3D路徑,它是擠壓2D線的情況嗎?謝謝 – Sidebp

+0

你是什麼意思的3D路徑?你的意思是在飛機上雕刻一條路?然後,它是一個複雜得多,因爲你必須首先創建一個盒子,而不是一個平面(因爲飛機沒有厚度),然後用CSG雕刻在此框中路徑(這也意味着你的路徑應用箱子而不是線來建造)。至少,這將是一個辦法做到這一點...有一個CSG LIB三個JS,但我從來沒有使用過自己:http://learningthreejs.com/blog/2011/12/10/constructive-solid-geometry- with-csg-js/ – Popov