マイペースなプログラミング日記

DTMやプログラミングにお熱なd-kamiがマイペースに書くブログ

gl.enchant.js

テクスチャを貼ろうと思ったら

gl.enchant.jsでテクスチャを貼ろうと思ったら、エラーもなくただ黒い画面が表示された。テクスチャ無しだとPlaneが表示されるのでテクスチャ関係でミスったと思い、調べてみたところ、ローカルだとクロスドメイン制約で駄目らしい。モデルは読み込めるのに…

ルービックキューブ

gl.enchant.jsでルービックキューブを作成した。これからゲームにしていくつもり

ところでスマートフォン達は...

今作ってるゲームはWebGLを使っている。スマートフォンでの実行を考慮してui.enchant.jsを使って仮想十字キーと仮想アナログパッドを追加したけど、スマートフォンでWebGLを使える環境ってあるのだろうか?AndroidにFirefox入れれば見れるのかな?試してみる…

ゲームをアップしました

9leapにゲームをアップしました。できるだけ新しいFirefoxかChromeでプレイしてください。http://9leap.net/games/1250

画面がだいたいできてきた

あとはスコア表示と残り時間表示ができれば...

とりあえず的を作った

まずは十分遠くにいった弾の消去を行った。そして、次は的を作成してみました。そして弾と的の衝突判定を入れて、衝突したら的を消えるようにした。あとはゲームになるように仕上げるのみ

クロスヘア表示

gl.enchant.js使ってクロスヘアを表示させようと思ったが、2Dの画像をどうやって表示したらいいかわからず、最初はビルボードを使おうと思った。そしてビルボードを視点に合わせて位置を変えればいいのかな?と思っていたがTwitterで2Dの画像を表示させる方…

発射

マウスの左ボタンが押されたら弾を発射するようにしてみた。普通のJavaScriptのコードだけどこんな感じ document.addEventListener('mousedown', function(event){ if(event.button == 0){ fps.fire(); } }, false);

そしてゲーム作りへ

前に紹介したmqoを読み込むプラグインで銃のモデル(http://sakura.hippy.jp/meta/にある銃のモデル)を読み込み床を簡単に作れるプラグインfloor.gl.enchant.jsを以下のページから落として使った。 http://tmlife.net/programming/javascript/gl-enchant-js-p…

カメラを中心に視点を回転させてみた

カメラを中心に視点を回転させてみた。カメラのz座標とcenterZの距離を10にしてやってみた。 var cameraRadianX = 0.0; game.rootScene.addEventListener("enterframe", function(e){ if(game.input.left){ cameraRadianX += 0.05; camera.centerX = camera.…

gl.enchant.js

enchant.jsというHTML5 + JavaScriptベースのゲームエンジンがあるとTwitterで聞き調べたところenchant.jsのWebサイトが見つかった。さらにgl.enchant.jsというものも発見。gl.enchant.jsを使えばWebGLを簡単に使えるらしい。メタセコイアで作った3Dモデルは…