脱出しようぜ!

https://github.com/wasijyayo/bunai_huckson

JavaScript

Firestore

VSCode

Functions

脱出ゲーム

なす

推しアイデア

functionsでデータベースを効率よく操作した。

作った背景

4人の好きなものを合体させました。

推し技術

音声認識、ApexCharts Cloud Function Gemini API

プロジェクト詳細

起:一問一答クイズ

image 承:マインスイーパー

image

転:トレトレ

image

結:ラン

image

ゲーム内容

起:一問一答クイズ 四択クイズが出題されて簡単に答えることができるよ!! image 間違えた選択肢を選んでしまった場合はどんまいです。 image 正解したらオッケーボタンを押すとともにピンポンとなるよ!! image 承:マインスイーパー 難易度を選択してゲームスタート! image 左クリックでマスを開いて、右クリックで旗を設置! image すべてのマスを開いてゲームクリア! image 爆弾をクリックするとゲームオーバー! image

転:トレトレ image image image 結:ラン image image image

使用技術

JavaScript,Function,VScode,Firestore

処理内容

起:一問一答クイズ 承:マインスイーパー

転:トレトレ

Firebase_Data 結:ラン

アーキテクチャ図

アイデア

なぜ作ろうと思ったのか

起:一問一答クイズ 私の好きなものがコナンで、初めて扱う言語で基礎から楽しく学びつつ作りたいと思ったから。また、コナンといえばなぞなぞでクイズを作成したいと思ったから。

承:マインスイーパー 自分がマインスイーパーが好きで日ごろからやっているが、たいてい簡単すぎたり操作性の悪いものが多かったので、自分好みのマインスイーパーを作りたいと思った。

転:トレトレ 私の趣味が筋トレで、趣味の延長線上で作ってみたいと常日頃から思っていたのでこの機会に作らせていただきました。 結:ラン* ホラー作品を見て、叫ぶことが好きなので大きな声を出すとジャンプするような横スクゲームを作ろうと思った。

今後実装したいこと

起:一問一答クイズ

  • 画像の挿入。
  • もっと凝った外見(クイズチックな感じ)
  • 問題数を増やす。
  • 回答を書き込み式で答えれるようにしたい。
  • ランキング形式の導入。
  • ストーリーぽくしたい。
  • 時間制限を設ける

承:マインスイーパー

  • スコアのランキングを付けたい
  • 地雷数を変更できるようにしたい
  • 数字の書いてあるマスを押したら周りの旗に反応して、間違っている場合は爆弾が爆発するようにしたい
  • ポーズができるようになりたい

転:トレトレ Geminiにもっと面白そうなプロンプトを与えてみたい フロントでFirebase Databaseに接続している部分が少し残っているのですべてバックエンドに置き換えたい 結:ラン                                                                          

  • 移動した距離を取得してスコア付けしたい
  • スコアのランキング付けを行いたい
  • 声の大きさによってジャンプの耐空の長さを変化させたい

なす

@nasu