ThreeJS-聚光灯物体投影(二十)

聚光灯(灯泡)

关键代码:

            //直线光(由光源发出的灯光)
            // const directionalLight = new THREE.DirectionalLight(0xFFFFFF, 0.7);
            // directionalLight.position.set(10, 10, 10);
            // scene.add(directionalLight);
            const directionalLight = new THREE.SpotLight(0xFFFFFF, 0.7);
            directionalLight.position.set(10, 10, 10);
            scene.add(directionalLight);

完整代码:

效果图:

ThreeJS-聚光灯物体投影(二十)_第1张图片

 灯光跟着物体移动而移动

关键代码:

//灯光跟着物体移动而移动
directionalLight.target = mesh;

 完整代码:

效果图:

ThreeJS-聚光灯物体投影(二十)_第2张图片

聚光灯灯光弧度

 ThreeJS-聚光灯物体投影(二十)_第3张图片

关键代码:

//directionalLight.angle = Math.PI/10;

gui.add(directionalLight, 'angle').min(0).max(Math.PI/2).step(0.1).name("灯光弧度");

完整代码:

效果图:

 ThreeJS-聚光灯物体投影(二十)_第4张图片

你可能感兴趣的:(前端,html,servlet)