ゴマちゃんフロンティア

アザラシが大好きなエンジニアの開発日記です

【開発日記】「アザラシを守るゲーム」バージョンアップ(1.0.2)の紹介

time 2018/07/15

というわけで、公開中の「アザラシを守るゲーム」のバージョンアップを行いました。
タイトル画面のバージョンが「1.0.2」の場合、本記事の修正が適用されています。もしバージョンが1.0.1以下のままだったり、エラーのアラートが出てしまった場合はスーパーリロード(Ctrl+F5)やブラウザのキャッシュクリアをお試しください。

プレイはこちらから!
https://gomafrontier.com/DefenceOfGoma/index.html

今回もちょっとした内容ですが、以下に行った改修を紹介します。

変更点

シーン切り替え時のフェード

以前はタイトル画面とゲーム画面間のシーン遷移時に何も演出がなく、画面フリーズ後に唐突に切り替わるという有様でした。今時のゲームでこれはないので、フェードイン・アウトするようにします。

やり方は以前の記事で紹介しているので、そちらをご参照ください。
https://gomafrontier.com/unity/2018

こういう細かいところでゲームがどんな目で見られるのか決まるので、目に付く部分は直していきたいところ。

BGMと効果音のON/OFFチェック追加

BGMと効果音の横にチェックボックスを設け、ON/OFFを切り替えられるようにしました。当然ですが、OFFにした場合はBGM・SEが鳴らなくなります。

音を消すのに両方のスライダーを動かす必要があったので、そのあたりのユーザビリティ向上が目的です。
ただしチェック状態を保持していないため、一度ゲームをプレイしてタイトル画面に戻ってくると再度チェックが入ってしまいます。音量自体は0%になっているので挙動自体に問題はないのですが、不自然ではあるので対応方法を考えてみます。

ハイスコアの保存期間

ハイスコアの保存はcookieで行っていますが、有効期限を設定していないためにブラウザを閉じると消えてしまいます。ということで.jslibファイルの保存部分を修正します。

mergeInto(LibraryManager.library, {
  
  SetHiScore: function(score) {
    var max_age = 30 * (3600 * 24);
    document.cookie = 'hi_score=' + score + '; max-age=' + max_age + ';';
  },

  GetHiScore: function() {
    return parseInt(document.cookie.split('=')[1]);
  }

});

max-ageに1ヵ月分の秒数 (1時間3600秒×24時間×30日) を指定します。余程のことがない限り十分な期間かと思います。

パワーアップ状態の目安

リンゴ取得時のパワーアップ状態の目安が何もなかったので、効果時間中は杖にエフェクトが出るようにしました。

パーティクルは以下のサイトのサンプルを参考にさせていただきました。
http://ktk-kumamoto.hatenablog.com/entry/2014/10/13/100947

カラーチェンジ機能

リスとアザラシのカラーリングを変更できるようにしました!
タイトル画面のカラーチェンジボタンから、キャラクターごとにカラーパターンを選択することで、プレイ中はそのカラーが適用されるようになります。

実装方法についてはちょっと前に記事を書いたので、そちらをご参照ください。
https://gomafrontier.com/unity/2013

down

コメントする