前端3D技术-5. 光照与阴影

前端3D技术-5. 光照与阴影

在前端 3D 开发中，光照与阴影是营造逼真场景不可或缺的元素。合适的光照可以突出物体的形状和细节，而阴影则能增强场景的真实感和空间感。下面我们将深入了解 Three.js 中的光照与阴影相关知识。

光照模型简介

环境光、平行光、点光源等

• 环境光（AmbientLight）：环境光就像自然界中的环境光，它均匀地照亮整个场景，没有特定的方向。环境光可以填充场景中的黑暗区域，避免出现完全黑暗的部分，但它不会产生明显的光影效果。例如，在室内场景中，环境光可以模拟墙壁和天花板反射的光线。
• 平行光（DirectionalLight）：平行光类似于太阳光，它的光线是平行的，从一个固定的方向照射过来。平行光可以产生明显的光影效果，常用于模拟室外的阳光场景。通过调整平行光的方向，可以改变物体的受光面和阴影位置。
• 点光源（PointLight）：点光源就像一个灯泡，它从一个点向四面八方发射光线。点光源的光照强度会随着距离的增加而减弱，常用于模拟室内的灯光效果，如吊灯、壁灯等。
• 聚光灯