easy-three
Eng日本語

controls

Three.js の r175 で OrbitControls の connect() の引数に対象要素が必要となりましたが、easy-three の connect() には必要ありません。
easy-three のcontrols の実態はただの OrbitControls インスタンスですが、この変更を受けて connect() のデフォルト引数を renderer.domElement としています。

カメラの操作を行うためのコントロールを提供します。

以下を設定済みの Three.js の OrbitControls です。

  • enableDamping = true
  • dampingFactor = 0.25

初期状態では無効化されています。
connect() を呼び出すことで有効化されます。

controls.connect()

無効化する場合は、disconnect() を呼び出します。

controls.disconnect()

コードの例

視点移動

マウス操作で視点移動ができます。

const { camera, create, animate, controls } = init();

controls.connect()

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

create.ambientLight();
create.directionalLight();

create.cube();

animate();