画像の表示にはEaselJSというライブラリを使用しました。こいつはいい。完成度が高いし使いやすい。まあ、JavaScriptでこういうライブラリを作るってのは、マッチ棒で五重塔を作るような曲芸のような気もするし、そのパワーを他のプロダクトに向けたら世界が変わったんじゃないかと(以下略
EaselJSについては、今更私ゴトキが言及するまでもないんですが、いろいろと引っかかったところもあったので参考までに。
(さらに…)
2012年12月 のアーカイブ
HTML5ゲームEaselJS編そして真の敵
2012年12月31日 月曜日HTML5ゲームbox2dweb憂鬱編
2012年12月31日 月曜日
box2dというのは、いわゆる二次元の物理演算ライブラリです。サイコロを転がすようなのは3次元の物理演算。二次元というのは、まさに新幹線ゲームの10円玉のような、奥行きがない世界のコト。
もともとActionScriptで使い慣れていたbox2dなので、まあ多少の変更ならなんとかなると思っていたら、なかなか世の中甘くはないですな。
とりあえず、以下のbox2dwebのページにアクセスしてみてください。デモが見られます。
http://code.google.com/p/box2dweb/
簡単に説明しますと、外枠に緑色の部分がありますね。これが動かない壁。そこに円とか長方形とかが落下して跳ねる、それだけのデモです。
この画像のような表示になりましたか?それは結構!しかし…
(さらに…)
HTML5ゲームJavaScript苦闘編
2012年12月29日 土曜日
または私は如何にして嫌うのを止めてJavaScriptを愛するようにならなかったか
あ、JavaScriptが大好きな人や得意な人は、このエントリーを読む必要はないので。いいね。断ったからね。
というわけでJavaScript。ヘンテコな言語であります。わけがわからない。実に多面的に何が何だかわからないので取っ付きにくい。できれば一生関わりたくない言語ではあります。どこかの隣国みたいですね。
しかしブラウザ上で何かを動かそうと思ったら、もうこれを使うしかない。政治的にFlashが抹殺された段階でそういう運命になったわけです。このまま衰退して消えればいいのにブラウザなんて。
(さらに…)
HTML5とJavaScriptでゲームを作ったよ(表)
2012年12月29日 土曜日
またまた新幹線ゲームを作りました。今度はHTML5とJavaScriptです。
遊んでみたいかたはこちらから
http://www.dagage.com/iphone/jsgames/shinkansenjs/shinkansenjs.html
また、動作に関する情報はこちらから。
http://www.dagage.com/news/archives/159
Flashからの移植というか最初から作りなおした感じですね。そこでせっかくですから制作過程を残しておくことにしました。興味のある方はお読みください。とりあえず、ある程度はプログラミングの知識があるものとして話を進めます。知らない人、ごめんなさい。
HTML5版では以下のライブラリを使用しました。作者に感謝。
box2dweb
http://code.google.com/p/box2dweb/
CreateJSからEaselJS
http://www.createjs.com/#!/CreateJS
box2dwebは、お馴染み二次元物理演算ライブラリBox2dのJavaScript版です。CreateJSはFlashっぽい機能を実現したライブラリ群で、今回はその中からEaselJSというスプライト処理用のライブラリを使用しました。
また、以下のアプリケーションも使用しました。
Adobe Flash Professional CS6
http://www.adobe.com/jp/products/flash.html
Visual Web Developer 2010 Express
http://blogs.msdn.com/b/osamum/archive/2011/02/18/visual-web-developer-2010-express.aspx
(さらに…)