StandardLightsクラス

a3.StandardLightsは、太陽光に相当する平行光 （THREE.DirectionalLight）と、全体を均一に照らす環境光 （THREE.AmbientLight）を組み合わせた、一番手軽なライトです。 シーンに追加するだけで自然な陰影がつきます。

const lights = new a3.StandardLights();
view.scene.add(lights);

生成オプション

• direction — 平行光の光の方向ベクトル。デフォルトは {x:-1, y:-1, z:-1}（左上奥から差す光）。
• colorDL — 平行光の色。デフォルトは0xffffff。
• intensityDL — 平行光の強さ。デフォルトは1.0。
• colorAL — 環境光の色。デフォルトは0xffffff。
• intensityAL — 環境光の強さ。デフォルトは0.4。

以下は夕日っぽいオレンジの平行光と、青みがかった環境光を 組み合わせたサンプルです。ヘッドライトを消しているので、 ライトの色と向きの効果がよくわかります。

import * as a3 from 'a3js';

const view = new a3.Window(600,300);
view.camera.setHeadLight(false); // ヘッドライトを消してライトの効果を見る

const light = new a3.StandardLights({
  direction: {x:-1,y:-1,z:0}, // 平行光の向き
  colorDL: 0xffddaa,          // 夕日っぽい平行光
  intensityDL: 2.0,
  colorAL: 0x8888ff,          // 青っぽい環境光
  intensityAL: 0.3
});
view.scene.add(light);

view.scene.add(new a3.SampleObject());

影の設定

setLightShadow(true,opt)で平行光が影を作るようになります。 影の設定全般については影を表示する方法を参照して ください。影の計算範囲の確認にはsetDebugMode(true)が使えます。

詳細はAPIドキュメントを 参照してください。