easy-three

create.fog

create.fog(props : Object) : Fog

props - 設定オブジェクト。
  • color (String | Hex) : フォグの色 (デフォルト : 0xffffff)。
  • near (Number) : フォグの開始距離 (デフォルト : 1)。
  • far (Number) : フォグの終了距離 (デフォルト : 1000)。

フォグを作成してシーンに追加します。

コードの例

フォグの利用

const { camera, create, animate } = init()
create.ambientLight();
create.directionalLight();

create.fog({ near: 1, far: 4 });

camera.position.set(0, 0, 3);

const cube = create.cube();

animate(({ delta }) => {
  cube.rotation.x += delta;
  cube.rotation.y += delta;
});