将SVG条带转换为3d扁平环

Question

我正在尝试将SVG矩形形状弯曲成3d环 我通过挤出一个带有Three.js的SVG形状成功创建了一个3d形状，现在我想采用这种形状并将其弯曲成一个环。

我真的不知道从哪里开始所以任何建议都会受到高度赞赏。

感谢。

Answer 1

您应该可以使用Mod3 library（特别是它的弯曲修改器）和它附带的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％，但它可能会帮助您调整值并为网格找到合适的值。