Typescriptで出力したjsのimort周りではまったので実験してみる。
[Read More]Node.jsでSocket.IOなアプリをHerokuにデプロイ
Socket.IOサーバーとしてHerokuを使ってみよう。 実験中 https://shielded-caverns-4913.herokuapp.com/ Heroku練習 以前作ったユーザーが生きていたので改めてチュートリアルを
[Read More]
Three.jsでbvh
/ BVH labsを参考にやってみる。 モーションは 続 BVHファイルを探してみたで紹介されていた https://sites.google.com/a/cgspeed.com/cgspeed/motion-capture から拝借。 上記のサイトのコードをtypescrip
[Read More]
Three.jsでpmd読み込み
こちらのモデルを使わせていただいております。 threejs_pmd_loader.ts source PmdLoader.ts source 変換せずに直接Pmdを読み込むべくカスタムローダーを作ってみよう。 まず、SJIS操作が必
[Read More]
Three.jsのトランスフォームコントロールでメッシュをマウスで移動
"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
[Read More]
dat-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
[Read More]
Three.jsのJSONモデルフォーマット
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 =
[Read More]
Three.jsにマウスによる視点操作を入れる
source 今回は、TrackballControlsを導入します。 TrackballControlsはThree.jsのライブラリ内に含まれるのでは
[Read More]
TypeScriptでThree.jsことはじめ
source TypeScriptを学び始めた目的のひとつであるThree.jsをようやくはじめた。 「Node.jsとSocket.IOで連結してリアル
[Read More]
グリッドと軸と光源とFPS表示を入れる
source シーンを強化してみる。 軸 先人が記事を残してくれていたので楽ちん。 Three.js AxisHelper //軸の長さ１０００ var axis = new THREE.AxisHelper(1000); //sceneに追加 this.scene.add(axis); グリッド Three.js GridHelper //G
[Read More]