作業の進め方
Three.js Lighting は、アンビエント、ヘミスフィア、ディレクショナル、ポイント、スポット、矩形エリアのライトを区別します。これらは、指向性、シャドウ対応、素材の反応、コストが異なります。ソースでは、環境照明やスタジオ・屋外向けの構成も扱っています。
シャドウの設定は、レンダラー、ライト、オブジェクトにまたがる一連の流れです。解像度と同じくらい、範囲を絞ることや投影対象を選ぶことが重要です。一部の例はバージョン固有の API を使っています。適用する前に、ライトの種類とヘルパーのインポートをインストール済みの Three.js リリースで確認してください。
期待される成果物
- 役割を定めたライトの配置
- シャドウの投影と受光の設定
- 環境と性能の計画
ブリーフからレビューまで
- 01ライトの役割を定める
シーンに合わせて、フィル、ディレクショナルの太陽光、集中光、スタジオ風の光源から選びます。
- 02シャドウを設定する
レンダラー、ライト、オブジェクトの設定をあわせて確認し、範囲とバイアスを点検します。
- 03表面を確認する
ライト数やシャドウ解像度を上げる前に、想定する素材と環境を評価します。