three.js 学习系列03

three.js 学习系列03 各种光源

要求掌握以下内容

• 有哪些可用光源
• 什么时候用什么样的光源
• 如何调整和配置各种光源
• 如何创建镜头炫光

threejs 提供了下面这些光源

• AmbientLight 环境光 这是一种基础光源 它的颜色会添加到整个场景和所有对象的当前颜色上
• PointLight 点光源 空间中的一个点朝所有方向发射光线
• SpotLight 聚光灯光源 类似台灯
• DirectionalLight 方向光 也称作无限光，这种光可以看成是平行光 类似太阳
• HemisphereLight 半球光 用来创建更加自然的室外光线，模拟反光面和光线微弱的天空
• AreaLight 面光源 使用这种光源可以指定散发光线的平面而不是空间中的一点
• LensFlare 镜头炫光

首先是 AmbientLight


PoinrLight 点光源


SpotLight 具有锥形效果的光源



DirectionalLight 模拟类似远处的光源



半球光源 HemisphereLight

平面光光源 AreaLight

镜头炫光




本质上就是三张不同的 材质贴图 贴在一起形成效果