为什么 .obj 对定向光没有反应？ [三.js]

Question

谁知道为什么 .obj 不像盒子那样反射定向光？

两者的材质相同。

这是 GitHub 中的代码：https://github.com/triple-verge/triple-verge-website/blob/master/src/js/modules/logo-3d.js#L52

下面是这段代码：

logo.addLogo = function () {
    loader.load('img/logo.obj', function (obj) {
        var material = new THREE.MeshLambertMaterial({
                color: 0xff0000
            }),
            cube; // Test

        _logo.obj = obj;

        obj.traverse(function (child) {
            if (child instanceof THREE.Mesh) {
                child.geometry.applyMatrix(
                    new THREE.Matrix4().makeTranslation(-0.5, 0, 0)
                );

                child.material = material;

                // Test
                cube = new THREE.Mesh(
                    new THREE.BoxGeometry(0.5, 0.5, 0.5),
                    material
                );

                $(_logo.container).on('frame', function () {
                    child.position.set(0, Math.sin(Date.now() / 750) * 0.1, 0);
                    child.rotation.set(
                        Math.PI * 0.5,
                        0,
                        Math.sin(Date.now() / 500) * 0.8
                    );
                    cube.rotation.set(
                        Math.PI * 0.5,
                        0,
                        Math.sin(Date.now() / 500) * 0.8
                    );
                });
            }
        });

        _logo.scene.add(obj);
        _logo.scene.add(cube); // Test
    });
};

谢谢！

three.js r.70

Answer 1

您要么需要在 obj 文件中导出顶点法线，要么调用

child.geometry.computeVertexNormals();

在您的 traverse() 加载程序回调函数内的方法中。

three.js r.70