交叉任意网格与平面(在THREEJS)

时间:2016-02-02 08:32:31

标签: three.js webgl intersection mesh plane

目前是否可以在THREEJS中显示网格和平面的交点:

以红色,绿色,黄色显示网格与背面的交叉点,并在其上显示纹理。

enter image description here

如果没有,哪种方法最好:

  • 在JavaScript中在网格和平面的交点处计算“线几何”,然后渲染它
  • 将自定义着色器材质应用于网格(平面参数为均匀),如果当前三角形与平面相交,则仅对像素进行着色

对于选项#2,是否已经在线进行了一些此类着色器的演示?

谢谢,

尼古拉斯

1 个答案:

答案 0 :(得分:0)

AMI现在支持它(https://fnndsc.github.io/ami/#viewers_quadview

步骤如下:

  1. 显示网格和平面之间的交集

  2. 后处理交叉点以显示轮廓。

  3. 有不同的技术可以显示网格/平面交点:

    1. 使用模板缓冲区(https://github.com/daign/clipping-with-caps

    2. 播放网格不透明度(https://github.com/FNNDSC/ami/tree/dev/examples/viewers_quadview

    3. 所有这些技术在计算上都很昂贵,需要3个渲染才能显示1个网格的轮廓,并且可能有更好的方法但不确定什么是最佳选择。

      HTH