‘JavaScript’ カテゴリーのアーカイブ

HTML5ゲームbox2dweb憂鬱編

2012年12月31日 月曜日

box2dというのは、いわゆる二次元の物理演算ライブラリです。サイコロを転がすようなのは3次元の物理演算。二次元というのは、まさに新幹線ゲームの10円玉のような、奥行きがない世界のコト。

もともとActionScriptで使い慣れていたbox2dなので、まあ多少の変更ならなんとかなると思っていたら、なかなか世の中甘くはないですな。
とりあえず、以下のbox2dwebのページにアクセスしてみてください。デモが見られます。

http://code.google.com/p/box2dweb/


簡単に説明しますと、外枠に緑色の部分がありますね。これが動かない壁。そこに円とか長方形とかが落下して跳ねる、それだけのデモです。

box2dweb1
この画像のような表示になりましたか?それは結構!しかし…

(さらに…)

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
(さらに…)