將一個SVG條帶變成一個3d扁平環

Question

我正在嘗試將一個SVG矩形的形狀彎曲成一個3d環形。
我已經成功地創建了一個3D形狀，用Three.js擠出一個SVG形狀，現在我想要將這個形狀彎曲成一個圓環。

我真的不知道從哪裏開始，所以任何建議將不勝感激。

謝謝。

Answer 1

你應該可以通過Mod3 library（特別是Bend修飾符）和它附帶的three.js插件來實現。一定要檢查我們庫中的three.js例子。

關閉我的頭頂，你可以導入量mod3庫後，試試這個：

var mstack = new MOD3.ModifierStack(MOD3.LibraryThree, YOUR_MESH_HERE).worker(true); 

var bend = new MOD3.Bend(); 
bend.offset = 0.5; 
bend.setAngle(Math.PI * 2); 
bend.force = 4; 

mstack.addModifier(bend); 
mstack.apply(); 

我不知道角度和力值是您的扁環100％正確，但也許它將幫助您調整值併爲您的網格找到合適的值。