WETHER ROGUE

https://github.com/Rengemaru/team_fukupro

TypeScript

React

PostgreSQL

Rails

天候を操って敵を倒し、村の問題を解決するローグライクゲーム

アストラル

蓮華丸

qqrec60dk3k

ujl6eisbm6

推しアイデア

マイクに向かって声を出すだけで「天候」が変わり、その天候で敵を攻撃するローグライクRPGです。小声=風、普通=晴れ、大声=雷や雹。敵ごとに弱点と耐性があるので、声の出し方が戦略になります。

作った背景

今回のテーマである「wing-wave」から、waveを「声の波(声波)」、wingの風要素を「天候」として捉えました。ここから着想を得て、「声で天候を操るローグライクゲーム」を制作することに決めました。

推し技術

入力された声の波形を解析し、それに対応する天候コマンドを割り当てるという仕組みです。

プロジェクト詳細

WETHER LOGUEとは

声を出すだけで天候を操り、敵と戦うローグライクRPGです。

ゲームの流れ

  1. マップに配置されたノードを進む image
  2. 戦闘・イベントシーンではマイクに向かって声を出す 戦闘シーン image イベントシーン image
  3. 声の大きさで天候が決まる image
  4. 天候によって攻撃ダメージやイベントが変化する 攻撃シーン image イベント成功シーン image イベント失敗シーン image
  5. マップを進んでゴールへ! 成功 image 失敗 image

天候システム

声の強さ天候
0 ~ 10db
11 ~ 20db晴れ
21 ~ 30db
31 ~ 40db
41 ~

敵ごとに弱点無効があり、同じ天候でも0〜10ダメージと変わります。

技術構成

アーキテクチャ図 image

フロントエンド

技術用途
React + TypeScriptUIコンポーネント・HUD層
Viteビルドツール・開発サーバー
Phaser.jsゲーム描画(マップ・戦闘・演出)
Zustandグローバル状態管理(HP・天候・進捗)
TailwindCSSUIスタイリング
Web Audio APIマイク入力・AudioContext管理
Meyda.js音声特徴量抽出(RMS / ZCR / SpectralCentroid / SpectralRolloff)

バックエンド

技術用途
Ruby on Rails (API mode)APIサーバー
PostgreSQLデータベース
rack-corsCORS設定
RuboCopコード品質管理

苦労したこと

  • CIを使うのが初めてで、本来なら通るはずのものが落ちてたこと
  • 役割分担の仕方

メンバーの感想

丸山蓮

  • 2日間という短い中で、スムーズに開発できたので助かりました。

三宅空

初のハッカソンでしたがそれぞれ役割を分担し、開発を順調に進めることができた点が良かったです。

三好あすか

・初めて夜遅くまでチーム開発をして、いい経験になったし、楽しかった。 ・今回は自分で考えて作業をすることができなかったので、次ハッカソンに行く機会があったら自分から進んで作業できるようになりたいと思った。

山﨑ユウキ

チームがそれぞれをサポートしてくれたおかげで円滑に進められました。楽しかったです。

アストラル

@7aba86739312c660