Socket.IOサーバーとしてHerokuを使ってみよう。
/ BVH labsを参考にやってみる。 モーションは 続 BVHファイルを探してみたで紹介されていた https://sites.google.com/a/cgspeed.com/cgspeed/motion-capture から拝借。 上記のサイトのコードをtypescrip
こちらのモデルを使わせていただいております。 threejs_pmd_loader.ts source PmdLoader.ts source 変換せずに直接Pmdを読み込むべくカスタムローダーを作ってみよう。 まず、SJIS操作が必
"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
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
source 外部のJSONに記述されたモデルを読み込む機能がある。 External models in Three.js を見てやってみた。 OnLoad(geometry: THREE.Geometry, materials: THREE.Material[]) { // create a mesh with models geometry and material var material = new THREE.MeshPhongMaterial(materials[0]); var mesh = new THREE.Mesh( geometry, material ); mesh.rotation.y =
source シーンを強化してみる。 軸 先人が記事を残してくれていたので楽ちん。 Three.js AxisHelper //軸の長さ１０００ var axis = new THREE.AxisHelper(1000); //sceneに追加 this.scene.add(axis); グリッド Three.js GridHelper //G
source 今回は、TrackballControlsを導入します。 TrackballControlsはThree.jsのライブラリ内に含まれるのでは
TypeScriptを学び始めた目的のひとつであるThree.jsをようやくはじめた。
「Node.jsとSocket.IOで連結してリアルタイムにシーンをアニメーションするっ」とか
遠大な構想だったのだが小さいところから始めよう。