FlappyTippyでぴょんぴょん

「ご注文はうさぎですか？」のキャラクター、ティッピーがぴょんぴょん跳ねるゲームの紹介。

これはFlappyBirdというゲームを元にしたもので、@yaplusさんが画像を差し替えて制作されました。

Flappy Tippy　ティッピーぴょんぴょん

http://tippy.gochiusa.net/

そして、FlappyTippyは21世紀のhelloworldになったのです。

ごちうさは偉大。

@otack FlappyBirdは21世紀のHello Worldらしい
— 香風智乃 (@yaplus) 2014, 7月 25

というわけで、以前にゲームを作って挫折したこともあり、簡単なこのゲームを作ってみることにした。

enchant.js

調べてみるとenchant.jsの使い勝手が良いということで、試しにこれを利用した。

enchant.jsはhtml5で規定されるcanvasを容易に扱えるようにするライブラリです。

フレーム管理、グループ化、アニメーション、衝突判定、などが非常に簡単に行えます。まだ不十分な部分はありますが、その単純さこそが、手軽さに繋がっているのでしょう。

実際、作った結果、思っていたより複雑になり、オブジェクトのグループ化やクラスの再利用など、いろいろと書きなおしたりしていたら意外と時間がかかってしまいました。

Githubにソースコードを公開しています。

FlappyTippy | Github

https://github.com/pnlybubbles/FlappyTippy

いちおうDropboxで一時的に公開しています。

画像素材は@yaplusさんからお借りしました。ありがとうございます。

urlの最後に#fps30などをつけるとその値のfpsで実行されます。

#debugをつけるとデバッグモードになります。

製作途中でのデバッグ動画の数々。順に新しくなります。

今回は元のものを完コピした形になりましたが、まだまだ難易度の調節など作ってる間に色々と思いつきました。

難易度の調節に関しては、

などなど

まだまだいろいろありそうです。

ゲーム要素に何かを追加するとゴチャゴチャしてしまうと思いますが、少し味を付け足しても面白いかもしれないですね。

前回のブログ更新から1年近く放置してましたが、今後も放置して置かないでもないのでよろしくです。

それでは、こころぴょんぴょん。

26 July 2014