javascript - 在圆柱几何上创建凹口/雕刻

时间：2018-05-29 03:55:56

标签： javascript animation three.js pixi.js

我正在尝试重新创建一个场景，但一个具体的细节非常具有挑战性。

在此场景中，圆柱几何表面有许多小圆形凹口。在凹槽内，有白线。我发现特别困难的是如何在这个表面上创造所有这些缺口？大约有61个圆形凹口。

我考虑过使用Clipping但它不一定适用于圆形吗？此外，还有很多缺口......

在我可以查看的文档中是否有人知道与此相关的任何内容？

答案 0 :(得分：2)

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

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

希望有所帮助！

答案 1 :(得分：1)

我会在像Blender这样的建模器中这样做...使用布尔减法修饰符，然后导出到类似GLTF的东西，并导入到三个。

即使你设法用纯三.js做，也很难平滑，因为你需要清晰的边缘才能让浮雕圆圈出现......