Threejs开发笔记之三光源

光源的种类

光源名称 描述 AmbientLight（环境光源） 颜色会直接作用物体的当前颜色上 PointLight（点光源） 一个点向所有方向 SpotLight（聚光灯） 聚光灯效果（范围）例如台灯 DirectionalLight（方向光源） 平行光源 例如太阳光 HemisphereLight（半球光） 创造自然室外光线，模拟反光和光线微弱的天空，太阳升降 AreaLight（面光源） 可指定光线的面 LensFlare（镜头炫光） 给光源添加炫光效果

AmbientLight-环境光源

特点是作用所有的物体上，并且不会产生阴影效果

var ambiColor = "#0c0c0c";var ambientLight = new THREE.AmbientLight(ambiColor);scene.add(ambientLight);//THREE的Color对象//可以有不同的设置方法（十六进制）（CSS）（RGB）（HSV）。。。。setStyle(css)//css

PointLight-点光源

var pointColor = "#ccffcc";//颜色var pointLight = new THREE.PointLight(pointColor);//实例化pointLight.distance = 100;//距离pointLight.intensity = 1;//强度 默认为1pointLight.visible =true//开关，默认开scene.add(pointLight);

SpotLight-聚光灯

var spotLight0 = new THREE.SpotLight(0xcccccc);//实例化spotLight0.position.set(-40, 30, -10);//位置spotLight0.lookAt(plane);//望向scene.add(spotLight0);spotLight.castShadow = true;//能否产生阴影 默认不能spotLight.shadowCameraNear = 2;//投影近点spotLight.shadowCameraFar = 200;//投影远点spotLight.shadowCameraFov = 30;//视场有多大spotLight.target = plane;//聚焦点spotLight.distance = 0;//距离spotLight.angle = 0.4;//角度spotLight.shadowCameraVisible = true;//开启调试模式//根据光锥设置光的属性