「enchant.js」
レトロゲームの解像度との併用
ファミコンなどのレトロゲームの解像度は幅256px。それと幅600pxで作っているバーチャルキーパッドの両方を画面に表示させたい。レトロ風味を壊さないシンプルな解決策です。
画像拡大時のピンボケをうまく活用する
enchant.jsでは画像を簡単に拡大縮小させることができますが残念なことに拡大すると画像が少しボケます。そしてこのピンボケ、画像の拡大率が大きくなればなるほどボケも大きくなります。めっちゃ拡大するとめっちゃボケます。しかし、そのボケを逆に利用します。
右クリックを使いたい！
enchatnt.jsではマウスの右クリックはサポートされていないようです。右でも左でもクリックは同じ扱いで処理されます。そして右クリックするとブラウザのメニューが表示されてしまいます。でも右クリックが使いたい！！ゲームで使うつもりだったのに出来ないのは困る！！ってことで方法を探しました。
画面タッチ処理のいろいろ
スマホ用のゲームを作るなら画面をタッチしたときにどういう処理を行うかということをプログラムしていくことになります。しかしそのタッチでも使い方によってはちょっと考えないといけなかったりします。今回は画面タッチについて気づいたことを書いてみます。
簡単な紙芝居風ストーリーシーンを作って遊ぼう！
今回は私が使っている紙芝居風ストーリーシーンのプログラムを紹介しちゃいます(*´ω｀)これは私のおバカゲームに必ずあるアホなオープニングやエンディングに使われる紙芝居風のシーンのプログラムです。
Groupクラスはとっても便利
enchant.jsでゲームを作っていて気付いたのがGroupクラスの便利さ。実は最初は使い方が分からずあんまり使っていなかったんですが、何度か使っているうちに「そう使うものだったのか！」という発見がありました(；´∀｀)というわけで「Groupってなに？」ってなってる方のために私なりに気づいたGroupの使い方を説明したいと思います。
enchant.jsのクラスの作り方
enchant.jsには独自のクラスのようなものを作れる機能があります。このクラスを上手く使えば処理を分割してわかりやすく書くことができます。さらに継承もできるのでプログラムを簡潔に書くことも出来るようになります。少しプログラムに慣れてきたら絶対に使った方が楽なのでぜひ使い方を覚えましょう(‘ω’)ノ
メッセージの表示をしてみる
今回はenchant.jsでのメッセージの表示のさせ方を紹介します。RPGやアドベンチャーゲームとかである「１文字ずつ表示しつつ画面押したら一括表示する」やつを作ってみました。
シーンの切り替えについて
ゲームではメインのゲームを遊ぶ部分以外にもタイトル画面やポーズ画面など、いくつかの違う画面を表示する必要があります。enchant.jsではそれらの画面のことをシーンといい、それぞれのシーンを必要に応じて切り替えて表示することができます。
残り時間をカウントダウンする
ゲームって制限時間が決まっているものがたくさんありますよね。一定時間にゴールしたり、敵全滅させたり、逃げたり、時間制限があるおかげでゲームが成り立っているものって結構あります。というわけで制限時間というルールがあると作れるゲームが増えるだろうと思い、制限時間を設けたいときに使えるクラスを作ってみました。
不要な要素はちゃんと削除しよう
enchant.jsでは画面に追加した要素はプログラムの変数とは別の存在になっているようで、削除の手続きをしてあげないと消えないようです。少量だと問題ないですが多くなると実行処理の負担になってたりします。なので不要になったものはきちんと削除してあげましょう。
画面のフェードアウト処理
ゲームを作っていて画面遷移時に絶対欲しいのがフェードアウト処理です。このフェードアウト処理がないと突然画面が切り替わり、あまりにも不自然に感じてしまいます。単純だけどなくてはならない機能です
バーチャルキーパッドの作り方
バーチャルキーパッドはenchant.jsのプラグインにありますが、使いづらいので自作した方が良いです。使いやすくてかっこいいコントローラーを作ってスマホをゲームボーイ化してやりましょう。
enchant.jsでBGMをループ再生させる方法
enchant.jsでBGMをループ再生させるのはちょっと骨が折れます。それはiPhoneとAndroid、さらにパソコンで音楽再生機能に違いがあるからです。それらの問題を解決したBGM再生クラスを紹介します。
ゲームでよくある画面エフェクトを作ってみた
最近ゲームのことを考えてて思ったのがエフェクト・演出です。自分のゲームにもっと演出が欲しいな、とちょっと思ったので作ってみることにしました。で、とりあえず何から作ろうかなと考えて、簡単そうなやつから作ってみました。enchant.jsには拡大・縮小・回転のプログラムが最初から入っているのでそれを利用したものを考えてつくってみました。
