横スクロール2D格闘ゲーム。32種類の超サイヤ人形態に進化しながら戦うローカル対戦ゲームです。
- ジャンル: 2D横スクロール格闘ゲーム
- プレイ人数: 2人（ローカル対戦）
- 技術: HTML5 Canvas + Vanilla JavaScript
- 特徴: 32形態への進化システム、4種類の攻撃技、HP/スタミナ管理
index.htmlをブラウザで開く- すぐに対戦開始！
相手のHPを0にしたプレイヤーの勝利
Rキー を押してリスタート
| 操作 | キー |
|---|---|
| 左移動 | A |
| 右移動 | D |
| 上昇（飛行） | W |
| 下降（飛行） | S |
| パンチ | Q |
| ブラスト | E |
| かめはめ波 | Z（長押しでチャージ） |
| 元気玉 | X（スタミナ90%以上必要） |
| Kiチャージ | C（長押し） |
| 進化 | F（スタミナMAX時） |
| ガード | R |
| 操作 | キー |
|---|---|
| 左移動 | J |
| 右移動 | L |
| 上昇（飛行） | I |
| 下降（飛行） | K |
| パンチ | O |
| ブラスト | U |
| かめはめ波 | M（長押しでチャージ） |
| 元気玉 | N（スタミナ90%以上必要） |
| Kiチャージ | P（長押し） |
| 進化 | H（スタミナMAX時） |
| ガード | B |
- ダメージ: 15
- 射程: 近距離（80px）
- スタミナ消費: 0
- クールダウン: 0.7秒
- 特徴: 最速攻撃、スタミナ不要
- ダメージ: 10
- 射程: 画面全体
- スタミナ消費: 5%
- クールダウン: 0.3秒
- 特徴: 高速の気弾、連射可能
- ダメージ: 7/フレーム（継続ダメージ）
- 射程: 画面の半分
- スタミナ消費: 30%
- クールダウン: 7秒
- 特徴: 長押しでチャージ、威力最大2倍、ビームが当たっている間ダメージ継続
- ダメージ: 60
- 射程: 画面の半分
- スタミナ消費: 90%
- クールダウン: 14秒
- 発動条件: スタミナ90%以上
- 特徴: 超必殺技、チャージ中は動けない
- Cキー（P1） または Pキー（P2） を長押ししてKiをチャージ
- スタミナが最大値（100%）に達すると進化可能状態に
- スタミナバーが金色に変化
- Fキー（P1） または Hキー（P2） で進化
- ✨ HP全回復（最大値まで回復）
- 📈 最大HP増加（+25ずつ）
- 📈 最大スタミナ増加（+100ずつ）
- 💪 全攻撃力強化
- 🎨 キャラクター色変化
- ベースフォーム（白）
- 超サイヤ人（黄）
- 超サイヤ人2（明黄）
- 超サイヤ人3（金黄）
- 超サイヤ人ゴッド（赤）
- 超サイヤ人ブルー（青）
- 超サイヤ人ブルー進化（濃青）
- 超サイヤ人4（赤紫）
- 超サイヤ人ゴッド2（ピンク赤）
- 超サイヤ人ブルー2（明青）
- 超サイヤ人ブルー進化2（青紫）
- 超サイヤ人4.5（桃）
- 超サイヤ人ゴッド3（深紅）
- 超サイヤ人ブルー3（濃紺）
- 超サイヤ人ブルー進化3（群青）
- 超サイヤ人4フルパワー（深紅紫）
- 超サイヤ人ローズ（ピンク）
- 伝説の超サイヤ人（緑）
- 超サイヤ人パープル（紫）
- 超サイヤ人ローズ2（濃ピンク）
- 伝説の超サイヤ人2（明緑）
- 超サイヤ人パープル2（明紫）
- 超サイヤ人ローズ3（マゼンタ）
- 伝説の超サイヤ人3（エメラルド）
- 超サイヤ人パープル3（濃紫）
- 超サイヤ人ヒール（シアン）
- ビースト（オレンジ）
- 我儘の極意（マゼンタ紫）
- 超サイヤ人5（オレンジ赤）
- 超サイヤ人6（真紅）
- 身勝手の極意（銀白）
- 身勝手の極意3（純白）⭐最強
- HP（体力）: 攻撃を受けると減少、0で敗北
- スタミナ（Ki）: 攻撃や飛行で消費、チャージで回復
- 飛行: 1/秒
- ブラスト: 5%
- かめはめ波: 30%
- 元気玉: 90%
- ガード中はダメージ70%軽減
- ノックバック50%軽減
- スタン時間50%短縮
- 重力、ジャンプ、飛行
- 地面判定（落下しない）
- 画面端制限
- ノックバック効果
site/
├── index.html # メインHTMLファイル
├── README.md # このファイル
├── css/
│ └── style.css # スタイルシート
└── js/
├── main.js # ゲームループ
├── player.js # プレイヤークラス
├── input.js # 入力管理
├── attacks.js # 攻撃システム
├── forms.js # 32形態データ
└── ui.js # UI管理
- 序盤: パンチとブラストで牽制しながらKiをチャージ
- 中盤: 進化を重ねてステータス強化
- 終盤: かめはめ波や元気玉で大ダメージ狙い
- 防御: ガードでダメージ軽減、回避でスタミナ温存
- 飛行: 空中から攻撃、ただしスタミナ消費に注意
- 言語: HTML5 + CSS3 + JavaScript (ES6+)
- 描画: Canvas API
- フレームレート: 60 FPS（requestAnimationFrame使用）
- 解像度: 1280x720px
- 物理エンジン: カスタム実装（重力、衝突判定）
js/attacks.js の ATTACK_DATA を編集
js/forms.js の FORMS 配列を編集
js/input.js の P1_KEYS / P2_KEYS を編集
現在、特に大きな問題はありません。
- AI対戦モード（PvE）
- メインメニュー画面
- トレーニングモード
- サウンドエフェクト
- パーティクルエフェクト強化
- コンボシステム
- キャラクターアニメーション
- ステージ選択
- ゲームパッド対応
- ユーザーID: 8830931190
- 開発: Claude Code + ユーザー
個人プロジェクト
楽しんでください！ / Enjoy the game! 🐉⚡