第10回 マウスポインタに応じてカメラを水平および垂直に動かす | gihyo.jp

前回の第9回「マウスイベントを扱う」では、3次元空間に置いた立方体のオブジェクトにマウスのロールオーバー／ロールアウト、クリックへのインタラクションを加えた。今回は、これらのオブジェクトを回り込んで捉えるカメラの位置も、マウスポインタの動きに応じて変えてみたい。 マウスポインタの水平の位置に応じてカメラを回り込ませる まず、オブジェクトの周囲を回るカメラの水平の動きだ。画面の中心から見たマウスポインタの水平位置に応じて、回り込む向きと速さを変えてみよう。第9回コード2「ロールオーバーしたオブジェクトの大きさが変わる」につぎのような手を加える。 var centerX = stageWidth / 2; var centerY = stageHeight / 2; var lastX = centerX; function initialize() { document.onmousemov

[minonet]

第10回　マウスポインタに応じてカメラを水平および垂直に動かす ── Away3D TypeScriptではじめる3次元表現 前回の第9回では，3次元空間に置いた立方体のオブジェクトにマウスのロールオーバー／ロールアウト，クリ…