概述透明圆筒的渲染

时间:2012-12-09 06:03:46

标签: three.js

我正在尝试为类似CAD的项目渲染圆柱体。由于其中多个将相互嵌套,我希望将它们显示为类似于:http://mrwadeturner.pbworks.com/f/1305815353/FC_Cylinder_41702_lg.gif

即。我想要勾勒出轮廓以及底部和底部圆圈,其余的应该是(半)透明的。

请注意,这与使用常规线框设置不同,因为它会跟踪圆柱体两侧的每个面。我找到的另一种方法 - 渲染对象两次,一次是彩色的,稍微放大一次,一次是“常规”版本 - 不幸的是也不会工作,因为多个圆柱体将被嵌套。

我认为这应该可以使用自定义顶点和片段着色器,但我不太熟练使用它们。实现这种效果的最佳方法是什么?

非常感谢!

1 个答案:

答案 0 :(得分:0)

声音就像您只需将各种纹理应用于相同的脸部。接下来,您要尝试创建自定义纹理,该纹理将是一个带有实线虚线边框的简单透明.png图像。然后,您必须将side:THREE.FrontSideside:THREE.BackSide设置为纹理,然后使用depthTest

另一种方法是使用您要使用的线来创建顶点顶点。请参阅此示例以了解自定义行实现:Hilbert curveShapes generation

希望有所帮助!

相关问题