世界の国旗から2を例にUnityを使った簡単な脱出ゲームの作り方をYouTubeで公開しています。興味があればぜひ! →  動画一覧

管理画面からの脱出

プレイするにはWebGLに対応しているブラウザが必要です(そんなに古いPCやブラウザでなければだいたい大丈夫です)。

推奨ブラウザ:Chrome   Firefox   Safari   Edge

ゲームが表示されるまで少し時間がかかります。あとブラウザの仕様で音が出たり出なかったりするみたいなのですが、ご容赦願います。音が聞こえなくてもゲームの進行には影響ありません。

攻略動画(Walkthrough)を開く

今回のテーマは管理画面です。

本作はこのページからそのままプレイできますが、小さい画面だと見づらい部分があったり画面内の移動や操作が多くなるので、推奨は別タブで開く方です。またスマホやタブレットでも動作するように作ってはありますが、一部快適に操作できない部分があるので推奨環境はPCです。

いつもはUnityというエンジンを使ってゲームを作っているんですが、今回はHTMLとJavaScriptで作りました。JavaScriptの方が圧倒的に使い慣れてるから作りやすいんじゃないかなと思って取り組んでみたんですけど、いざやってみたら意外と面倒なことが多くて、なるほどUnityってよくできてるんだなと再認識したりしなかったりしました。

脱出ゲームと言うと基本的には部屋とか何かしらの空間から脱出するっていうコンセプトのものが多いと思うんですが、今回はそういうのではなくて、よくあるウェブサイトの画面を脱出ゲームにしたらどんな感じになるかなあと思って作りました。アイテムがないのでただの謎解きゲームになってしまった感もありますが、一応管理画面からログアウトすることを脱出だととらえてもらえたらと思います。本作におけるログインはゲームのスタートをそう言い換えているだけで、Cookieに何か保存したり個人情報を勝手に取ったりはしていないのでご安心ください。

画面の構成はだいぶシンプルで地味めですが、実際管理画面のデザインってだいたいこんな感じです(笑)

管理画面はアクセスする人が限られているし、オシャレさや奇抜さとかよりも使いやすさが重要だと思うので、凝りに凝ったデザインの管理画面は珍しいんじゃないかなと思います。デザインテンプレートを検索すると有料無料に限らずたくさん見つかりますが、似てるの多いなって思います。ウェブサービスを作る側も制作依頼する側も管理画面のデザインにコストをかけたくないってのもありますけどね……。

今回は謎解きの難易度を少し高めにしたつもりなので、詰まったときはいつも通りWalkthroughの動画を参考にしてください。

ゲーム内で使用している素材は以下のサイトからいただきました。ありがとうございます。
On-Jin ~音人~
効果音ラボ

以下のサイトで紹介していただきました。ありがとうございます。
脱出倶楽部

不具合などありましたら問い合わせフォームX(Twitter)からガシガシご報告ください。可及的速やかに対応いたします。