Three.js |Импортированная модель Blender похожа на низкокачественную - PullRequest
0 голосов
/ 31 января 2019

Я импортировал в свой проект Three.js модель gltf, экспортированную из Blender.

Я знаю, что модель правильная и отлично отображается в 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);

Любая помощь будет оценена.

1 Ответ

0 голосов
/ 31 января 2019

renderer.antialias = true;

Неправильно устанавливать параметр antialias подобным образом.Все параметры контекста рендеринга WebGL должны быть применены к конструктору.Сделай это так

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