Three.js |导入的搅拌器模型就像是以低质量渲染的

Question

我在我的Three.js项目中导入了一个从Blender导出的gltf模型。

我知道这个模型是正确的，而且它在https://gltf-viewer.donmccurdy.com/中渲染得很完美。

但在我的Three.js项目中，它的质量似乎很差，正如您从以下屏幕截图中所看到的：

https://ibb.co/qrqX8dF (donmccurdy查看器)

https://ibb.co/71wLDLJ (我的项目)

我不知道这是否可能是照明或渲染器对象中的某些设置问题。

这是我的渲染器和灯光设置：

// renderer
var renderer= new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight); 
renderer.setClearColor (0xf9f9f9, 1);
renderer.gammaOutput= true;
renderer.antialias= true;
renderer.setPixelRatio(window.devicePixelRatio);
document.body.appendChild(renderer.domElement);

// light
var directionalLight= new THREE.DirectionalLight(0xffffff, 0.9);
scene.add(directionalLight);

任何帮助都将不胜感激。

Answer 1

renderer.antialias= true；

这样设置antialias参数是无效的。所有WebGL呈现上下文参数都必须应用于构造函数。就像这样做

renderer = new THREE.WebGLRenderer( { antialias: true } );