三次元日誌(hugo)

Three.jsのトランスフォームコントロールでメッシュをマウスで移動

threejs typescript gui
"W" translate | "E" rotate | "R" scale | "+" increase size | "-" decrease size Press "Q" to toggle world/local space, keep "Ctrl" down to snap to grid source 今回は、本家サイトのサンプル http://threejs.org/examples/#misc_controls_transform をやってみよう。 まず、TransformContr

dat-guiを試してみる

threejs typescript gui
view typescript view javascript たまにthree.jsのデモと連動して使われているGUIライブラリdat-guiを試してみる。 https://code.google.com/p/dat-gui/ http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage https://stemkoski.github.io/Three.js/#gui ライブラリを導入 > bower install dat.gui > tsd query dat-gui

Treeを表示・操作する

web javascript gui
JavascriptでTreeを表示操作するライブラリを探してみる。 なんとなくサンプルが充実している jqTree にしてみた。 このサンプルに必要だったの

Three.jsのEditor

threejs gui
Three.js本家のサイトにeditor (beta)というリンクあるのだけどこれ面白いなぁ。 わりといろんなことができそうだし、いまわしの中

Three.jsにマウスによる視点操作を入れる

threejs typescript gui
source 今回は、TrackballControlsを導入します。 TrackballControlsはThree.jsのライブラリ内に含まれるのでは