見出し画像

【Lightsaber Duel】二刀流の敵を実装しました【Codex】

miya

作業内容

ライトセイバーでAIファイターと斬り合うゲーム「Lightsaber Duel」をアップデートしました。
主に、以下の2点を更新しました。

1. 二刀流の敵を実装

二刀流の敵を実装しました。
2本のライトセイバーの両方に当たり判定があり、同時にプレイヤーの胴体へ命中すると、ダブルヒット（2倍ダメージ）になります。
2本の中央にある隙間が弱点ですが、プレイヤーがそこを狙うと、積極的にダッシュしてダブルヒットを狙う、肉を切らせて骨を断つ攻撃パターンを取ります。

2. 手続き型画像に変更

ゲーム内で使用していた全てのGPT Image 2の生成画像を、プログラムによる手続き型画像へ置き換えました。
ライトセイバーの当たり判定の精度向上が主な目的です。
従来は、セイバー画像と当たり判定用の線分座標に大きなずれが生じていました。
本修正では、当たり判定と（ほぼ）同じ線分座標上にライトセイバーを描画することで、このずれを抑えることに成功しました。

結果・所感

二刀流の敵は中央の隙間が弱点ではありますが、それを突こうとすると、ダブルヒットのリスクもあり、なかなか手強いという印象です。
ライトセイバーの当たり判定の精度も向上し、ヒット時の違和感が減ったと感じます。

使用技術

  • Codex：開発とREADME作成に使用

  • Phaser 3 / TypeScript / Vite / Node.js：実装・ビルドに使用

  • Playwright Interactive：テストに使用

動画タイムライン

  • 0:00〜0:33 二刀流の敵との対戦

    • 0:00 プレイヤーの中央突きを検知し、ダッシュでダブルヒットを狙う様子1

    • 0:06 ダッシュでダブルヒットを狙う様子2

  • 0:33〜1:30 一刀流の敵との対戦

今後の展望

1. 「2 vs 1モード」の追加実装

2体のAIと対戦できるモードを追加します。

2. サウンド・エフェクトの実装・強化

ヒット時のSEを実装し、エフェクトを改善します。

3. 操作性の改善

一部アクションの削除・自動化を行い、即座に直感的な操作ができるようにします。
プレイヤーの自動回転のオンオフ切り替え機能の実装を検討しています。

4. 強化学習

敵AIを強化学習できる環境構築し、強化学習させます。

関連URL

#LightsaberDuel
#Codex
#WebGame
#GameDev
#Action

いいなと思ったら応援しよう！