MeshPhongMaterial 产生大量反射

Question

我正在尝试在 Forge 中创建自己的材质，它的底部有一个 THREE.js 引擎。

我要添加的材质是 MeshPhongMaterial，我使用它来添加凹凸贴图。在下面的图片中，都是面板上的水平线。

当我在模型中进行小幅旋转时，如两个图像所示，选择的颜色很快变得更暗，这是我不想要的。顶部的图像是我想要保留的，底部的图像是我在模型中旋转时发生的。

我不是这方面的专家，所以如果有人可以尝试一些技巧，我会很高兴。

我的代码如下所示：

textureLoader.load(textureUrl, (texture) => {

                texture.wrapS = THREE.RepeatWrapping;
                texture.wrapT = THREE.RepeatWrapping;

                const material = new THREE.MeshPhongMaterial({
                    bumpScale: 0.3,
                    color: new THREE.Color (color.r / 255, color.g / 255, color.b / 255),
                    reflectivity: 0.0,
                    shading: 2,
                    side: 2,
                    shininess: 1,
                    specular: new THREE.Color(color.r / 255, color.g / 255, color.b / 255),
                });

                material.bumpMap = texture;

                material.disableEnvMap = false;

                materials.addMaterial(materialHash, material, true);
            });

Answer 1

尝试使用 MeshLambert 材料代替 Phong...

https://gist.github.com/wallabyway/4503609e84a2b612b27138abba8aa3b7

更新： 您可以覆盖材料（来自 SVF）...

类似这样的：

viewer = NOP_VIEWER;

const material = new THREE.MeshPhongMaterial({
                side: THREE.DoubleSide,
                color: new THREE.Color(1.0, 0.0, 0.0),
                reflectivity: 0.0,
                shininess: 0
            });
material.disableEnvMap = false;
viewer.impl.matman().addMaterial('test', material, true);

const tree = viewer.model.getInstanceTree();
const frags = viewer.model.getFragmentList();
tree.enumNodeFragments(tree.getRootId(), function (fragid) { frags.setMaterial(fragid, material); }, true);