伪造查看器中的剪切平面无法使用 ShaderMaterial 剪切对象

Question

我正在尝试在 forge-viewer 中添加带有 THREE.ShaderMaterial 的自定义对象，我可以在 forge-viewer 的 overlayScene 中添加和渲染对象。

我参考了this 博客以添加相同的内容。

我面临的问题是： forge-viewer 的剪裁平面无法剪裁自定义添加的对象。 如果我尝试使用其他材质添加相同的对象，则剪切平面能够剪切它们。

我试过this。但我收到Cannot resolve #include<clipping_planes_pars_vertex.glsl> 的错误（其他着色器源相同）。我尝试在THREE.ShaderChunk 中添加这些着色器，但没有成功。

我已经看到错误来自ShaderChunk.ts，因为它没有在chunks[] 中找到着色器。

1. 有没有办法使用THREE.ShaderMaterial 的剪切平面？
2. 我需要在chunks[] 中从ShaderChunk.ts 添加我的自定义着色器吗？如果是，如何？

如果可能，请分享一个演示示例。

Answer 1

与您发现的另一个 Stack Overflow 问题类似，Forge Viewer 中的部分工具使用自定义着色器逻辑，该逻辑仅包含在 Viewer 自己的材质中。尝试在您的材质着色器中包含以下 sn-ps：

在顶点着色器中：

...
#if NUM_CUTPLANES > 0
    varying vec3 vWorldPosition;
#endif
...
void main() {
    ...
    #if NUM_CUTPLANES > 0
        vWorldPosition = vec3(/* include your own vertex world position here */);
    #endif
    ...
}
...

在片段着色器中：

...
#if NUM_CUTPLANES > 0
    varying highp vec3 vWorldPosition;
#endif

#include<cutplanes>
...
void main() {
    ...
    #if NUM_CUTPLANES > 0
        checkCutPlanes(vWorldPosition);
    #endif
    ...
}
...

并且在定义新的THREE.ShaderMaterial 时，您还需要包含一些特定于切片的制服：

const uniforms = {
    ...
    "cutplanes": { type: "v4v", value: [] },
    "hatchParams": { type: "v2", value: new THREE.Vector2(1.0, 10.0) },
    "hatchTintColor": { type: "c", value: new THREE.Color( 0xFFFFFF ) },
    "hatchTintIntensity": { type: "f", value: 1.0 },
    ...
}

请参阅此gist，了解向THREE.ShaderMaterial 添加分段支持的完整示例。