AI素材×UI初挑戦！自作ゲームデモを公開（GitHubで遊べます🎮）

AI生成キャラで遊べるターン制バトル

全部AIで描かせた素材を使って、シンプルなターン制ゲームを作ってみました！
遊べるリンクは 下記のGitHub にあります。
スマホは横画面に対応しています。

⏱ 1分でわかる遊び方

🎯 目的

Lv.1〜5の敵を順番に倒していこう！
ラスボス(Lv.5)を倒すとエンディング＆アルバムが解放されます。

🔄 バトルの流れ

1. 毎ターン エナジー+3（最大10まで）

2. 好きな行動を1つ選ぶ（エナジーを消費）

3. 敵の反撃！ …でも「回避」成功なら攻撃スキップ✨

🪄 行動一覧（コスト / 効果）

左のアイコンから順に"攻撃"、"スキル"、防御"、"回避"、"特殊スキル"、"必殺技"()内の数値はエナジーコスト

• 攻撃（2）：普通の攻撃

• スキル（4）：攻撃より強い一撃

• 防御（0）：1回だけ受けるダメージを30%カット

• 回避（2）：成功すれば敵攻撃なし＋エナジー全回復！失敗すると被ダメ1.2倍😨

• 特殊スキル（5）：キャラ固有の全体バフ

  • ファイヤー：与ダメ2倍

  • シャドウ：25%で与ダメ3倍

  • プリズム：25%で被ダメ0（全体）

• 必殺技 / 覚醒技（6）：

  • HP25%以上：必殺技（大ダメージ）

  • HP25%以下：カットイン演出つきの覚醒技🔥

⚔️ 進行・勝敗

• Lv.1〜4を撃破 → 自動で次の敵へ（HP全回復＆バフ解除）

• Lv.5を撃破 → エンディング＆アルバム解放

• キャラが倒れる → 次の仲間に交代。全員倒れたらゲームオーバー

👀 画面の見方

• 上段：敵（左）＆プレイヤー（右）

• 下段：行動ボタン（左）、エナジーと戦闘ログ（右）

• 上部ボタン：キャラ交代／リロード／降参／アルバム

📝 コツ

• エナジー管理がカギ！

• ピンチ時は「防御」や「回避」で粘って必殺技につなごう。

• HP25%以下の「覚醒技」が逆転のチャンス！

あとがき

今回初めてUIに挑戦してみました。
どこから手をつければいいのか迷ったり、動かしてみたらバグに悩まされたりもしましたが、形になってくるとめちゃくちゃ楽しかったです。
ほぼAI任せでUIは作れましたが、細かい調整の部分は自分でやるしかなかったので結構大変でした。

素材はWan2.2、Qwen、SDXL、Nanobananaなど色々なモデルを使用していましたが全部役に立ちますね。その辺りはまた別で記事に書こうかと思います。

まだまだ荒削りな部分はありますが、「まずは動くものを作れた」っていうのが今回の一番の収穫です。

これからもいろんなUIやアセットを作っていくので、ぜひ気軽に見てもらえたら嬉しいです。