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场景增添更多魅力,提升用户体验。
3.61KB
文件大小:
评论区