ThreeJs 認識光和影

1、前言

這一篇文章，咱們主要來了解一下 ThreeJs 中關於光和影的相關知識點。經過給 3D 場景以及物體加上光照和陰影的效果，使其能更真實的模擬現實，從而也能使整個效果看起來更加的具備質感。

2、概述

ThreeJs 中給咱們提供了多種光源，下面請看類圖以及相應的概述。

光的基類是 Light，其是繼承自 Object3D 的。它做爲一個對象被添加進了 Scene 中，從而進行渲染的。影的基類是 LightShadow，它是做爲光的內部類，供光照在內部進行陰影計算的，咱們不能直接構造它。如圖，並非全部的光照都會產生陰影，是否會產生陰影與光照所具有的特性有關。

3、認識光和影

下面咱們來全面的認識一下 Three Js 中的光照和陰影，對它們的相關特性以及使用的場景來作一個概括。

3.1 Light

3.2 AmbientLight

3.3 DirectionalLight

3.4 HemisphereLight

3.5 PointLight

3.6 RectAreaLight

3.7 SpotLight

4、總結

最後，簡單來總結一下