9
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Three.jsのTransformController.jsでオブジェクトを操作する

Last updated at Posted at 2014-01-14

今やっている案件で、いわゆるUnityなどの3Dを操作するEditor機能がほしいなーと思っていて調べてみたところ、そもそもThree.jsのリポジトリにそれを実現するものがすでに入っていました。

リポジトリの場所はここ

実際に適用するとこんな感じになります↓

cap.png

実際に動くサンプル

TransformControls.jsを読み込むと、THREE.TransformControlsクラスが追加されるので、これをnewします。

controlはtranslaterotatescaleといったエディタが持っている基本機能を持っていて、control.setMode()で変更することが出来ます。

controlにはattachdetachメソッドがあり、コントロールさせたいオブジェクトをattachメソッドに渡してやれば、あとは移動や回転などの操作をTHREE.TransformControlsクラスがすべてやってくれます。

9
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?