什么技术可以改善threejs模型的外观

Question

我正在尝试让我的 3D 模型看起来更“漂亮” - 我的意思是锯齿状边缘更少，阴影看起来更逼真等等。

目前我正在使用 OBJ 文件进行测试。我加载和显示文件的代码如下：

function LoadOBJMTL(file) {

var objObject = new THREE.Object3D;
var loader = new THREE.OBJMTLLoader();
var objfile = file + ".obj";
var mtlfile = file + ".mtl";

loader.load(objfile, mtlfile, function(object) {
    
    objObject = object;
    scene.add(objObject);

});

}

没什么特别的...

我照亮场景的代码只有 5 个方向灯，如下所示：

addDirectionLight([-1, 0, 0], 1);
addDirectionLight([1, 0, 0], 1);
addDirectionLight([0, 0, -1], 1);
addDirectionLight([0, 0, 1], 1);
addDirectionLight([0, 1, 0], 1);

function addDirectionLight(direction, intensity) {
    var directionalLight = new THREE.DirectionalLight(0xffffff, intensity);
    directionalLight.position.set(direction[0], direction[1], direction[2]);
    scene.add(directionalLight);
}

这就是我的结果：

作为对比，我已经上传了相同的模型到verold和sketchfab

不确定sketchfab，但我知道verold是用three.js编写的

Verold 试用版：

Sketchfab 试用：

我对 verold 和 sketchfab 示例中的外观感到满意。我应该使用什么技术来改善我的threejs模型的外观？我追求更直的线条和更好的照明条件。

提前致谢

Answer 1

修复锯齿状边缘：

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

很难评论照明。周围有很多通用的 3d 光照设置教程。