Question

请看这个小提琴 - http://jsfiddle.net/vnr2v6mL/

            var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
        var renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        document.body.appendChild(renderer.domElement);

        var geometry = new THREE.BoxGeometry(100, 100, 1);
        var material = new THREE.MeshPhongMaterial({ color: 0x00ff00 });
        var plane = new THREE.Mesh(geometry, material);
        scene.add(plane);
        camera.position.z = 5;

        //scene.add(new THREE.AmbientLight(0xdddddd));

        var dl = new THREE.DirectionalLight(0x0000ff, 1.0);
        dl.position.set(0, 0, 10);
        scene.add(dl);

        scene.add( new THREE.DirectionalLightHelper(dl, 2.5) );

        function render() {
            requestAnimationFrame( render );
            renderer.render( scene, camera );
        }
        render();

        $(document).ready(function() {
            $(document).bind("mousewheel DOMMouseScroll", function(e) {
                var delta = e.type === 'DOMMouseScroll' ? -e.originalEvent.detail : e.originalEvent.wheelDelta;
                camera.position.z += delta / 120;
            });
        });

我的理解是，灯光应该是无限的并且是平行的，那么为什么它只会在我的场景中间照亮一个圆圈呢？

提前致谢。

Answer 1

您正在使用MeshPhongMaterial。你所看到的只是镜面高光。

你的灯是蓝色的。但是，您的材料是绿色的，因此它仅反射绿光。因此，没有从材料反射的漫射光。

材料specular反射率默认为0x111111。因此所有颜色都是镜面反射的。由于你的光是蓝色的，你会得到一个镜面反射的蓝光。换句话说，一个蓝色的热点＆＃34;。

考虑使用白光0xffffff，并调整光强度。

小提琴：http://jsfiddle.net/vnr2v6mL/1/

three.js r.70

为什么我的定向光不影响整个场景？

1 个答案: