リクナビ 筆記対策!時事トレ 画面キャプチャ1

リクナビ 筆記対策!時事トレ

一度やり始めたら止まらない! クイズ形式で時事問題のトレーニングができるコンテンツ、「筆記対策!時事トレ」を制作させていただきました。


リクナビ 筆記対策!時事トレ 画面キャプチャ2

上図のように、三択問題をひたすら答えていきます。


リクナビ 筆記対策!時事トレ 画面キャプチャ3

トレーニング終了後はあなただけの「トレーニング報告書」を作成して弱点を補強。全国ランキングも見ることができます。


ゲーム中、ある条件を満たすと隠しキャラが現れ、いいことが起こるなどのイベントもあります。就活生だけではなく、誰でも、何度でも楽しんでほしいコンテンツです。

おかげでだいぶ時事問題には詳しくなりました(笑)


制作にあたって、今回はじめてProgressionフレームワークで実装しました。Progressionを学びながらの実装ということで使い方を覚えるための時間は必要でしたが、十分に恩恵は受けたと思います。

ゲームコンテンツで恐いのは、なんといってもバグです
ポートフォリオ的な構成のサイトに比べると、ユーザー側の操作で考えられるケースが圧倒的に多く、それらすべての挙動を想定して制御しないといけません。しかしProgressionではボタン操作系をシーン別で管理するため、いちいちenabledについて気にする必要がなく、そこでも助かりました。


今回作成したシーンで主なものは以下の通りです。

  • 1-a) IndexScene(トップ画面)
  • 1-b) GuideScene(操作方法説明画面)
  • 1-c) ReviewScene(復習画面)
  • 2-a) EntryScene(ユーザー登録画面)
  • 3-a) CountDownScene(スタート時のカウントダウン)
  • 4-a) QuizScene(クイズ中画面)
  • 4-b) ExplanationScene(不正解時の解説画面)
  • 5-a) ResultScene(結果画面)
  • 5-b) RankingScene(ランキング画面)

Credit :


KAYACでは、ゲームをするのも作るのも得意なFlasherを募集しています!!


HTML5飯