JavaScript 3DレンダリングエンジンのThree.jsを試す
こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ
Perfumeのダンスモーションデータと JavaScript でダンス♪ | TM Life
最近話題の『Perfumeがダンスモーションデータを無償公開。サンプルコードはGitHubで提供』について 書きます. このエントリーを見て, 早速使って遊んでみようと思ったのですがモーションデータが bvh で提供されていたのと, サンプルに JavaScript がなかったので bvh パーサを作ることから始めました. ですが, 途中で Coffe Script で書かれた bvh パーサが公開されて, さらに Three.js を使って WebGL 上で動くサンプルも公開されてたので拝借させて頂きました. 何も作る必要がなくなったので, 公開されたサンプルのパラメータを少しイジって遊んでみた次第です. よかったら見て下さい. Three.js 久々に使ったけど色々と忘れてる… 思い出したらもっと色々とイジってみようと思います. Demo Download Reference 参考にし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
