gl.enchant.js 用に作ったプラグイン debug-camera3d.gl.enchant.js を, 機能を絞って使いやすくしてみた
以前『gl.enchant.js 上でカメラを自由に動かせるようにするプラグイン debug-camera3d.gl.enchant.js を作りました』 で公開したプラグイン debug-camera3d.gl.enchant.js を少し修正して使いやすくしてみました. Sample and Download 今回制作したサンプルはこちら. 操作方法はこちら 操作方法 回転 マウスでドラッグ...
View Articlegl.enchant.js 上でメタセコイアのデータを読み込めるようにするプラグイン mqo.gl.enchant.js を作りました
gl.enchant.js は標準で collada.gl.enchant.js という COLLADA(.dae) ファイルを読み込めるプラグインが付いています. ですが, dae はちょっと学生さんには馴染みがないかなぁ~と思い Metasequoia(メタセコイア)形式(.mqo) ファイルを読み込めるようにするプラグインを作ってみました....
View Articlegl.enchant.js 上でメタセコイアのデータを読み込めるようにするプラグイン mqo.gl.enchant.js を修正しました
先日公開した『gl.enchant.js 上でメタセコイアのデータを読み込めるようにするプラグイン mqo.gl.enchant.js を作りました』 で未対応だった箇所を修正しました. View Demo Download About 対応したのは下記の項目です. メタセコイアで指定したスムージング角の反映 ミラー設定への対応 日本語オブジェクトのサポート また,...
View ArticleWebGL 環境上でメタセコイアで作った 3D モデルを見られる, メタセコイアビューアを作ってみた
先日作った mqo.gl.enchant.js を使って そこそこちゃんとしたモデルビューアを作りました. gl.enchant.js と dat-gui を使用しています. enchant.js と dat-gui は相性が悪かったので中身をそれぞれ少しイジッたりしています. メタセコイアを起動するまででもないがちょっとモデルを確認したいって時に, ちゃちゃっとドラッグ &...
View Articlegl.enchant.js で『Avoid9』ってゲームを作りました
1週間程前に gl.enchant.js でゲームを作りました. タイトルは『Avoid9』. 色々な色の 9leap Box を左右移動やジャンプで避けるというシンプルなゲームです. 9leap に投稿してあるのでよかったら遊んで下さい. Play Game About リンクは9leapへのサイトに繋がっています. 9leap はランキング機能を用意してくれているので,...
View Articlegl.enchant.js を使って 10 分で 3D ゲームプログラミングしてみた. んで, その様子をビデオキャプチャーしてみました!!
gl.enchant.js を使って 10 分で 3D ゲームプログラミングしてみた. んで, その様子をビデオキャプチャーしてみました!! 簡単な避けゲーを作ってみました. なんとコードはたった 81行! gl.enchant.js はホント生産性高いです!! 最近, 時間制限を設けて動画でキャプチャしながらゲームプログラミングするのにハマっています....
View ArticlePerfumeのダンスモーションデータと JavaScript でダンス♪
最近話題の『Perfumeがダンスモーションデータを無償公開。サンプルコードはGitHubで提供』について 書きます. このエントリーを見て, 早速使って遊んでみようと思ったのですがモーションデータが bvh で提供されていたのと, サンプルに JavaScript がなかったので bvh パーサを作ることから始めました. ですが, 途中で Coffe Script で書かれた bvh...
View ArticleThree.js でピッキング(3Dモデルをマウスで選択)してみた
久々の 3D プログラミング. Three.js を使ってピッキングしてみたので, 今回はそのやり方について簡単に解説したいと思います. サンプルは jsdo.it で作ってあるので, 実際に動かしたり, fork してイジってもらえると嬉しいです. table of contents キッカケ サンプル ソースコード 解説 マウス位置を求める(Line 5~8) マウス座標を 3D...
View Article3D ゲームも簡単に作れる! tmlib.js x three.js(WebGL) で 3D プログラミング出来るようにしてみた!!
私の方でずっと作っている JavaScript ライブラリ『tmlib.js(ティーエムリブ ジェイエス)』ですが, この度, 晴れて『three.js』と結ばれることとなりました. っとはいっても一方的にですけどねw tmlib.js は, 2Dゲームだったりツールを作る機能は揃っていましたが 3D に関する機能は今までありませんでした. WebGL をラップして自前で作ったりもしていたのですが,...
View Articletmlib.js x three.js(WebGL) で10000個のパーティクルを表示してみた
tmlib.js x three.js(WebGL) でパーティクル表示してみました! 10000 個表示しても 30 fps でるのは脅威!! jsdo.it で作ってあるので実際に実行したり, fork して遊んでもらえると幸いです. Table of contens tmlib.js とは? three.js とは? コード 解説 『Global Game Jam 2013...
View Article