GLTF：我的场景与三个编辑器之间的金属差异https://threejs.org/editor/

Question

我有一个GLTF文件。当我将其导入三个.js编辑器（ https://threejs.org/editor/ ）i获取正确的结果当我添加环境图时。

另一方面，当我在项目场景中导入GLTF时，我会不同的结果 。即使我使用相同的HDRI图像。在这种情况下，金属度太耀眼了。

有人知道我缺少什么吗？谢谢。

renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 1;
renderer.outputEncoding = THREE.sRGBEncoding;

new RGBELoader()
    .load( 'royal_esplanade_1k.hdr', function ( texture ) {

        texture.mapping = THREE.EquirectangularReflectionMapping;
        scene.environment = texture;

    } );

loader.load(
    './gltf/canette.glb',

    // called when the resource is loaded
    function ( gltf ) {

        obj = gltf.scene;

        mixer = new THREE.AnimationMixer( gltf.scene );
        action = mixer.clipAction( gltf.animations[ 0 ] );
        

        //obj
        scene.add( obj );
    }
);

编辑：

在这里'sa sa live演示。 在这里 gltf模型。

Answer 1

不幸的是，您使用的是与实际three.js版本不匹配的代码段。您必须至少使用r131（或者更好的是最新的r141）。现在，您正在使用R129。

如果您使用three.js r131的版本，则必须使用pmRemgenerator来准备适用于PBR材料的环境图。从R131开始，引擎正在为您执行此操作，因此您不必担心PMRemganerator。