easy-three
Eng日本語

event.mouse

event.mouse.add(callback : Function, option: Object) : Function

callback(pos, e)- コールバック関数。
  • pos (THREE.Vector2) : イベントが発生したオブジェクトに対する発生場所の相対座標。
  • e (PointerEvents) : イベントオブジェクト。
option - 設定オブジェクト。
  • type (String) : イベントのリスナータイプ (デフォルト : "once")。

マウスイベント追加関数。
マウスのクリックイベントに反応する関数を登録します。
マウスのクリックが

  1. 押された時
  2. 離された時
  3. 押して離された時
  4. 動かされた時
  5. 上記のすべての時

の動作を指定できます。
イベントの登録解除用関数を返します。

コードの例

マウスイベントの利用

キャンバスをクリックすると、立方体が拡大します。

const { camera, create, event, helper, animate } = init()
create.ambientLight();
create.directionalLight();
camera.position.set(-2, 2, 2);

const cube = create.cube();

helper.grid();
helper.axes();

let scale = 1;
event.mouse.add((pos, e) => {
  scale += 0.2;
  cube.scale.set(scale, scale, scale);
});

animate();