threejs 自定义效果剖切

image

image

左边的部分自定义的线条特效未被剖切

修改:

// 定义材质时添加支持裁剪配置项
ShaderMaterial({
  ... // 其他配置项
  clipping: true // 是否支持裁剪
})

// vertexShader添加clipping相关代码
vertexShader = `
  #include <clipping_planes_pars_vertex> // 裁切面的坐标信息
  #include <logdepthbuf_pars_vertex>
  ...
  void main() {
    ...
    #include <clipping_planes_vertex>
    #include <logdepthbuf_vertex>
  }
`
// fragmentShader
fragmentShader = `
  #include <clipping_planes_pars_fragment> // 裁切面的坐标信息
  #include <logdepthbuf_pars_fragment>
  ...
  void main(){
    ...
    #include <clipping_planes_fragment>
    #include <logdepthbuf_fragment>
  }
`

修改后,自定义的特效也会被剖切
image

posted @ 2025-01-21 15:10  总是被使用  阅读(175)  评论(0)    收藏  举报