Javascript 在圆柱体几何图形上创建槽口/雕刻

Javascript 在圆柱体几何图形上创建槽口/雕刻,javascript,animation,three.js,pixi.js,Javascript,Animation,Three.js,Pixi.js,我试图重现一个场景,但有一个特定的细节非常具有挑战性 在此场景中,圆柱体几何体曲面具有许多小圆形凹口。凹口内有白线。我发现特别困难的是如何在这个曲面上创建所有这些凹痕?大约有61个圆形缺口 我曾考虑过使用剪裁,但它不一定适用于圆形?还有,有很多缺口 有没有人知道文档中与此相关的内容,我可以看一下?我会在Blender之类的建模工具中进行此操作。。使用布尔减法修饰符,然后导出为类似GLTF的内容,然后导入为三 即使您在纯three.js中成功地实现了这一点,也很难获得正确的平滑效果,因为您需要清

我试图重现一个场景,但有一个特定的细节非常具有挑战性

在此场景中,圆柱体几何体曲面具有许多小圆形凹口。凹口内有白线。我发现特别困难的是如何在这个曲面上创建所有这些凹痕?大约有61个圆形缺口

我曾考虑过使用剪裁,但它不一定适用于圆形?还有,有很多缺口


有没有人知道文档中与此相关的内容,我可以看一下?

我会在Blender之类的建模工具中进行此操作。。使用布尔减法修饰符,然后导出为类似GLTF的内容,然后导入为三


即使您在纯three.js中成功地实现了这一点,也很难获得正确的平滑效果,因为您需要清晰的边缘以使浮雕圆显示出来……

我会在类似于建模师的搅拌机中实现这一点。。使用布尔减法修饰符,然后导出为类似GLTF的内容,然后导入为三


即使您在纯three.js中成功地做到了这一点,也很难获得正确的平滑效果,因为您需要清晰的边缘来显示浮雕圆…

如前所述,使用3d建模程序实际创建几何体是一种解决方案。另一种选择是使用法线贴图或视差贴图为所有这些圆提供深度错觉

是一个带有法线贴图的THREE.js示例


希望有帮助

如前所述,使用3d建模程序实际创建几何体是一种解决方案。另一种选择是使用法线贴图或视差贴图为所有这些圆提供深度错觉

是一个带有法线贴图的THREE.js示例


希望有帮助

多谢各位。我从未听说过Blender,只是查看了它的文档。这似乎是正确的解决方案。我试试看。谢谢。我从未听说过Blender,只是查看了它的文档。这似乎是正确的解决方案。我会试试看。