如何将gltf素材转换为卡通素材？

Question

我不熟悉three.js 和shader。我从 C4d 导出带有纹理的 gltf 龙模型，并将其加载到 three.js 中的 meshstandard 材料中。我想把它们变成卡通素材。有了模型描边，我就可以像这样遍历gltf材质了

mesh.traverse((node: any) => {
    let newMat = new THREE.ShaderMaterial({
        uniforms: {
        },
        vertexShader: vertexShader,
        fragmentShader: fragmentShader,
    });

    node.material = newMat
});

我找到了一个卡通渲染教程https://blog.csdn.net/weixin_37683659/article/details/79953500

但是我还是不知道怎么组合这个

Answer 1

当图书馆已经为您提供MeshToonMaterial 时，我不确定您为什么要使用ShaderMaterial。 ShaderMaterial 非常先进，需要您编写自己的自定义着色器。你可能想要这样简单的东西：

mesh.traverse((node: any) => {
    let newMat = new THREE.MeshToonMaterial(parameters);
    node.material = newMat
});

要查看您可以使用哪些参数，visit the docs for ToonMaterial。