週末はレストランやコンビニのお菓子のことを書いています。この広告は、90日以上更新していないブログに表示しています。OrbitControls.jsThree.js今回は、Three.jsの「OrbitControls.js」について書きます。OrbitControls.jsは、マウスドラッグによる視点移動と、マウスホイールによるズームが可能になるクラスです。簡単に言いますと、マウスで視点がグルグル回せるということです。以前に、「TrackballControls.js」というやつを書きましたが、それと少し似ています。今回は、実際にやってみたほうが、分かりやすいと思います。OrbitControlsは、Three.jsに記述されている標準クラスではなく、「OrbitControls.js」に書かれています。ファイルの場所は、Three.jsダウンロードフォルダ内のexamples/js/controls/OrbitControls.jsにあります。OrbitControlsの読み込み方を書きます。基本的にTrackballControlsの読み込み方法と同じです。追加するのは、3つです。1通常のJavascriptファイルと同じやり方で読み込みます。src="OrbitControls.js"></script>2カメラを生成している所に、コチラを追加してください。THREE.OrbitControls(camera);3毎回の描画の直前でupdate()メソッドを呼びだします。controls.update();以上です。これだけで、マウスドラッグによる視点移動と、ホイールによるズームが出来るようになります。便利ですね(笑)次に、青い球を表示するプログラムにOrbitControlsを追加した物を書きます。</body></html>実行するとこんな感じです。最後に、OrbitControlsのプロパティを書きます。OrbitControlsのプロパティは、これらがあります。//遠ざかれる距離の最大値これで終わりです。ご不明な点などがありましたら、遠慮なくご質問ください。今回は、UnityのGameObjectの作成と操作について書きます。リサイズ今回は、Three.jsのリサイズについて書きます。視点の切り替え今回は、Three.jsの「視点の切り替え方法」について書きます。今回は、Three.jsで「2画面表示させる方法」を書きます。FlyControls.js今回は、Three.jsの「FlyControls.js」について書きます。Linkプロフィールid:gupuruプログラミング関連の事を色々書いています(^^)週末はレストランやコンビニのお菓子のことを書いています。