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

にゃんこパラダイス公開!

2017年12月2日 土曜日

公開しました!遊んでね!



にゃんこパラダイスへ

というわけで、まずはこのゲームの元ネタと思い出話など。
そうですねえ。今を去ること10年前。いや15年前か?その頃の同僚に「はっぴーぴえろ」がめちゃくちゃ上手い奴がおりました。

あ、こういうゲームです。いろんなバリエーションがあってニュートンアップルとかキティちゃんが描いてあるやつもあったような。下の入賞スロットの数が違ったりする。



で、その同僚は百発百中で必ず景品をゲットしてたんですよ。「このゲームは1回でもミスるとダメなんだよ」とか言いながら、出てきたカプセルは私に。中身はプラスチックの恐竜フィギュアとかそういうゴミのようなおまけ。なんでこんなものをと思うけど、彼にとっては自分が「必ず景品が取れる」ことを確認してたんでしょう。まあ、わからんでもない。

その後、こっそり一人で試したけどまったく話にならない。というわけで帰りにちょいちょい寄って遊んでいたけれど、そのうち台がなくなりお店もなくなり会社もなくなりました(笑)。

 

そんな当時を思い出しながら作ってみたのがこのゲーム。なぜ猫なのかは次回。

 

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