enchant.jsを使ったiPhone用ワンキーゲームを作った

enchant.jsを使ったiPhone用ワンキーゲームを作った
KeroGame ver 0.93
iPhone用ワンキーゲーム

2012-06-27 at 01.41.16

enchant.jsの勉強用に作った訳ではなく、自分のiPhoneで動くアプリを作ってみたかったのとゲーム制作の授業用に面白い素材はないかと考えていたので作った。
昔からあるワンキーゲームはiPhoneのシンプルさに合っていると思うので、もう少し改良して面白くしていこうと思う。


パソコンでプレイする場合は、マウスを押したままで、iPhoneなどのスマートフォンでプレイする場合は、タッチしたままでケロ君が上昇する。離すと下降していく。
カラスにぶつからないように上手に操作し、旅をつづけるゲームだ。
時間が経過するにつれカラスが増えていく。
iPhoneでプレイする場合は、このページを読み込んだあと、ブラウザメニューの「ホーム画面に追加」を選ぶことでフルスクリーンでプレイできる。
一度読み込んだあとは、オフライン(インターネットに繋がっていない場合)でもプレイできるようにキャッシュに読み込むように作成した。

ソースコードやオフラインでの設定などを知りたい場合は、こちらからダウンロードしてください。
日本で作られたJavaScript向けのライブラリにenchant.jsがある。
公式サイト「enchant.js」からダウンロードできる。
このenchant.jsを使ったゲームを投稿するサイトがあり、こちらも簡単に作ったゲームを気軽に公開できるので注目している。
9leap/どこでも遊べる投稿型ゲームサイト
実際に投稿したものはこちら
ゲームソースは完結にJavaScriptで記述できるため、開発しやすいと思う。
わたしは秀丸エディタで打ち込み、ブラウザで確認して作っている。
作る環境もシンプルにできていいと思う。
ゲームのキャラクタ画像はペイントで描いて、透明化したい部分は、Paint.NETのツールで選択し切り取ってPNG形式にすることがよくある。
この画像の作り方は効率がいいのかは分からないが、自分としてはこの方法がなれているのでそうしている。
今回BGMを入れようとしたのだが、ブラウザによっては動作が止まってしまったためコメントにしてある。
GoogleのChromeでは大丈夫だったが。
効果音やBGMに関してHTML5の仕様では弱い部分なのでしょうがないとは思うが、今後音の部分が強化されたら楽に迫力あるゲームが出来ると思う。
自分で作ったゲームを楽しめたり、誰かがプレイしてくれたら嬉しいが、それより嬉しいのはゲームを作っている時なのかと自分では思う。

コメント

タイトルとURLをコピーしました