three.js中灯光的简介与应用

Three.js中灯光的简介与应用

灯光在Three.js中是至关重要的,它能够赋予场景以视觉效果,提升用户体验。常见的灯光类型包括环境光、点光源、聚光灯和方向光等。通过设置不同类型的灯光,可以实现各种视觉效果,如阴影、反射等。

// 示例代码
// 创建环境光
var ambientLight = new THREE.AmbientLight(0xffffff, 0.5);
scene.add(ambientLight);

// 创建点光源
var pointLight = new THREE.PointLight(0xffffff, 1);
pointLight.position.set(0, 200, 0);
scene.add(pointLight);

// 创建聚光灯
var spotLight = new THREE.SpotLight(0xffffff, 1);
spotLight.position.set(0, 500, 0);
scene.add(spotLight);

// 创建方向光
var directionalLight = new THREE.DirectionalLight(0xffffff, 1);
directionalLight.position.set(0, 1, 0);
scene.add(directionalLight);

通过灵活使用这些灯光类型,可以为Three.js场景增添更多魅力,提升用户体验。

md 文件大小:3.61KB