我如何在WebGL和Three.js和Tween.js中創建一個增長的對象

我是Three.js和Tween.js的新手。我想創建一個對象可以「增長」的動畫：就像3D球的動畫生長成管（或3D球被拖入管中）一樣。我如何在WebGL和Three.js和Tween.js中創建一個增長的對象

可以通過THREE.ExtrudeGeometry和Tween.js創建嗎？如果是，我可以有一些詳細的解釋或簡單的步驟？

我會非常感謝任何更好的想法。 :)

非常感謝。

BRS，布萊恩

來源

2014-09-21 bryan

如果你所有的希望做的是改變，可以通過調整它的規模來實現對象的大小。

objectsName.scale.set（xValue，yValue，zValue）;

不過根據你的描述，它看起來像你想要改變你的對象。有一個很好的例子說明了如何在threejs.org上完成這項工作。

http://threejs.org/examples/#webgl_morphtargets

我希望這會有所幫助。

來源

2014-09-21 03:24:24 Kahless

嗨，John，謝謝你的回答。這有幫助，我可以問你更多的問題嗎？例如http://threejs.org/examples/#webgl_morphtargets立方體可以變形到一個方向（一個變形目標），並可以像「mesh.morphTargetInfluences [direction]」一樣動畫。但是對於SphereGeometry，如何變形球體？像將球拖入管中一樣？ – bryan 2014-09-21 12:41:19

對不起，我不太確定如何將球體變成圓柱體。首先，我將創建一個位於0,0,0的圓柱體，並將所有頂點的位置推送到一個數組中。確保起始球體和結束柱體的頂點數量相同。我不知道該怎麼做。也許用鑲嵌細分或細分。然後使用tween.js將球體的所有頂點移動到圓柱體數組的位置。 – Kahless 2014-09-21 15:24:21

我如何在WebGL和Three.js和Tween.js中創建一個增長的對象

回答

相關問題