モザイク・ゲーム
この画像の正体はなぁに？
早く答えられたら点数アップ！

小さなお子さまから年配の方まで
みんなで遊べるゲームを目指しました。

モザイク・ゲーム

使用言語

  • HTML/CSS
  • PHP
  • JavaScript(jQuery)
  • データベース（MySQL）

使用技術

  • Ajax
  • PHP Data Objects(PDO)

開発環境

  • Visual Code Studio
  • XAMPP

制作人員・期間

  • 個人製作
  • 約一ヵ月

遊び方

1トップ

  • トップ
    • 必要に応じてログイン・会員登録をしてスタート
    • 会員登録しログインされた場合、今回のゲームの得点が記録されます。
      また、過去５回分の自分の得点が確認できるようになります。

2ゲームプレイ

  • ゲームプレイ
    • ゲーム画面にいくと画像が出る部分が暗くなっています。
    • スタートボタンを押すとモザイクがかかった画像と解答の候補のボタンが表示されます。
    • それと同時にタイマーが稼働しはじめ、徐々にモザイクがなくなり元の画像に近くなっていきます。
    • 答えがわかった時点で該当する解答の候補ボタンをおしてください。
      早く解答するほど高得点が得られます。
    • 解答ボタンを押すとタイマーとモザイク処理が止まり、解答の正否が表示されます。
      解答が正解していた場合、続きに進むかどうか確認画面がでますのでキャンセルを選んでいただくとモザイク処理が最後まですすみ正解の画像を確認できます。
    • 全部で5問出題されます。

3今回の結果

  • 今回の結果
    • 5問終了すると今回のゲーム結果の画面にうつります。
    • 今回のゲームの得点が表示されます。
    • ログインしていない方はここでゲーム終了となり、やめるかもう一度遊ぶか選択できます。
    • ログインされている方は今までの最高得点が表示されます。
      また、過去の得点が確認できる画面にうつれます。

4過去の成績

  • 過去の成績
    • ログインされている方はこの画面で過去５回分の得点が確認できます。
    • ここでゲーム終了となり、やめるかもう一度遊ぶか選択できます。