ロビー画面
概要
ロビーはゲームのホーム画面であり、プレイヤーが最も長く滞在する場所。 次元の狭間にある避難所というコンセプトで、周囲は紫色のリフトエネルギーに包まれている。
機能一覧
| 機能 | 説明 |
|---|---|
| キャラクターカスタマイズ | 名前・カラー変更 |
| 装備管理 | 武器・防具の装備/付け替え/インベントリ |
| ミッションポータル | ダンジョンミッションの選択・出撃 |
| Vibeverseポータル | 他のVibe Jamゲームへの退場 |
| 戻りポータル | ref パラメータがある場合のみ表示 |
| PvPポータル | PvPアリーナ（ストレッチゴール） |
画面レイアウト（PC）
┌──────────────────────────────────────────────────────────────────┐
│ RIFT SURVIVORS [⚙ Settings] [🔊 Sound] [❓ Help] │
│ ═══════════════════════════════════════════════════════════════ │
├──────────────────────────────────────────────────────────────────┤
│ │
│ ┌─────────────┐ ┌──────────────────────────────────────┐ │
│ │ │ │ │ │
│ │ CHARACTER │ │ 3D LOBBY VIEWPORT │ │
│ │ PANEL │ │ │ │
│ │ │ │ ┌───────┐ │ │
│ │ ┌───────┐ │ │ │ CHAR │ ◈ Mission Portal │ │
│ │ │Avatar │ │ │ │ MODEL │ │ │
│ │ │Preview│ │ │ └───────┘ ◈ Vibeverse Portal │ │
│ │ └───────┘ │ │ │ │
│ │ │ │ ◈ Return Portal │ │
│ │ Name: ████ │ │ (ref時のみ) │ │
│ │ Lv: 12 │ │ │ │
│ │ HP: 340 │ │ ════════════════════════ │ │
│ │ ATK: 45 │ │ 地面: グリッドライン(ネオン) │ │
│ │ DEF: 22 │ │ 背景: 浮遊するデータ破片 │ │
│ │ SPD: 8 │ │ │ │
│ │ │ └──────────────────────────────────────┘ │
│ │ [Customize] │ │
│ └─────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ EQUIPMENT BAR │ │
│ │ [🗡Weapon ][🛡Shield ][👕Armor ][💍Ring ][📿Amulet ]│ │
│ │ Neon Rift Data Glitch Void │ │
│ │ Katana Guard Armor Ring Pendant │ │
│ └─────────────────────────────────────────────────────────┘ │
│ │
└──────────────────────────────────────────────────────────────────┘画面レイアウト（モバイル）
┌──────────────────────────┐
│ RIFT SURVIVORS [⚙] │
│ ════════════════════════ │
├──────────────────────────┤
│ │
│ ┌────────────────────┐ │
│ │ │ │
│ │ 3D LOBBY VIEWPORT │ │
│ │ │ │
│ │ ┌──────┐ │ │
│ │ │ CHAR │ ◈ │ │
│ │ └──────┘ ◈ │ │
│ │ ◈ │ │
│ │ │ │
│ └────────────────────┘ │
│ │
│ ┌────────────────────┐ │
│ │ Lv.12 HP:340 │ │
│ │ ATK:45 DEF:22 │ │
│ │ [Customize][Equip]│ │
│ └────────────────────┘ │
│ │
│ ┌────────────────────┐ │
│ │ [🗡][🛡][👕][💍][📿] │ │
│ └────────────────────┘ │
│ │
└──────────────────────────┘キャラクターパネル
表示情報
| 項目 | 表示内容 | 備考 |
|---|---|---|
| アバタープレビュー | キャラクターの3Dモデルのサムネイル | 回転可能 |
| 名前 | プレイヤー名 | 最大12文字 |
| レベル | 現在のレベル | Lv.1 ~ Lv.99 |
| HP | 最大HP | 装備ボーナス込み |
| ATK | 攻撃力 | 武器依存 |
| DEF | 防御力 | 防具依存 |
| SPD | 移動速度 | ベース + 装備 |
カスタマイズ機能
「Customize」ボタンを押すと、キャラクターパネルがカスタマイズモードに切り替わる。
┌─────────────────┐
│ CUSTOMIZE MODE │
│ ═══════════════ │
│ │
│ Name: │
│ ┌────────────┐ │
│ │ Drifter │ │ ← テキスト入力
│ └────────────┘ │
│ │
│ Color: │
│ ○ #ff2d75 │ ← ネオンピンク
│ ● #00f0ff │ ← シアン（選択中）
│ ○ #a855f7 │ ← パープル
│ ○ #f0f000 │ ← イエロー
│ ○ #00ff88 │ ← グリーン
│ ○ Custom ████ │ ← カラーピッカー
│ │
│ [Save] [Cancel] │
└─────────────────┘装備管理
装備スロット
| スロット | アイコン | 効果 |
|---|---|---|
| Weapon | 🗡 | ATK上昇、攻撃パターン変化 |
| Shield | 🛡 | DEF上昇、ガード性能 |
| Armor | 👕 | HP上昇、DEF上昇 |
| Ring | 💍 | 特殊効果（クリ率、回避率等） |
| Amulet | 📿 | 特殊効果（EXP倍率、ドロップ率等） |
装備詳細パネル
装備スロットをクリック/タップすると装備詳細パネルが展開する。
┌─────────────────────────────────────────┐
│ WEAPON SLOT [×] │
│ ═══════════════════════════════════════ │
│ │
│ EQUIPPED: │
│ ┌───────────────────────────────────┐ │
│ │ ★★★ Neon Katana Lv.8 │ │
│ │ ATK +34 SPD +2 CRIT +5% │ │
│ │ [Unequip] │ │
│ └───────────────────────────────────┘ │
│ │
│ INVENTORY: Sort [▼] │
│ ┌───────────────────────────────────┐ │
│ │ ★★ Rift Blade Lv.5 │ │
│ │ ATK +18 HP +20 │ │
│ │ [Equip] │ │
│ ├───────────────────────────────────┤ │
│ │ ★ Data Sword Lv.3 │ │
│ │ ATK +12 │ │
│ │ [Equip] │ │
│ ├───────────────────────────────────┤ │
│ │ ★★★★ Void Reaper Lv.15 │ │
│ │ ATK +52 CRIT +12% 🔒Lv.15必要 │ │
│ │ [Equip] (条件不足) │ │
│ └───────────────────────────────────┘ │
│ │
└─────────────────────────────────────────┘レアリティ表示
| レアリティ | 表記 | ボーダーカラー |
|---|---|---|
| Common | ★ | #888888（グレー） |
| Uncommon | ★★ | #00ff88（グリーン） |
| Rare | ★★★ | #00f0ff（シアン） |
| Epic | ★★★★ | #a855f7（パープル） |
| Legendary | ★★★★★ | #ff2d75（ネオンピンク）+ グロウエフェクト |
ポータルエリア
ミッションポータル
3Dビューポート上でキャラクターがミッションポータルに接近すると、ミッション選択UIが表示される。
┌─────────────────────────────────────────┐
│ ◈ MISSION PORTAL │
│ ═══════════════════════════════════════ │
│ │
│ ┌───────────────────────────────────┐ │
│ │ MISSION 1: Corrupted Data Sector │ │
│ │ 推奨Lv: 1-5 報酬: ★~★★ │ │
│ │ 目標: 敵を30体撃破 │ │
│ │ [ENTER ▶] │ │
│ ├───────────────────────────────────┤ │
│ │ MISSION 2: Glitch Maze │ │
│ │ 推奨Lv: 5-10 報酬: ★★~★★★ │ │
│ │ 目標: ボス撃破 │ │
│ │ [ENTER ▶] │ │
│ ├───────────────────────────────────┤ │
│ │ MISSION 3: Void Abyss 🔒 │ │
│ │ 推奨Lv: 10-20 報酬: ★★★~★★★★ │ │
│ │ 解放条件: Mission 2 クリア │ │
│ │ [LOCKED] │ │
│ └───────────────────────────────────┘ │
│ │
│ [CANCEL] │
└─────────────────────────────────────────┘Vibeverseポータル
Vibeverseポータルに接近すると退場確認ダイアログが表示される。
┌─────────────────────────────────┐
│ ◈ VIBEVERSE PORTAL │
│ ═══════════════════════════════ │
│ │
│ 次元の裂け目を通じて │
│ 別のVibeJamゲームに旅立つ。 │
│ │
│ ⚠ 現在の進行状況は │
│ 保存されています。 │
│ │
│ [ENTER THE RIFT] [STAY] │
└─────────────────────────────────┘戻りポータル（ref パラメータ時のみ）
┌─────────────────────────────────┐
│ ◈ RETURN PORTAL │
│ ═══════════════════════════════ │
│ │
│ 元のゲームに帰還する。 │
│ >> example-game.vercel.app │
│ │
│ [RETURN] [STAY] │
└─────────────────────────────────┘インタラクション仕様
PC操作
| 操作 | アクション |
|---|---|
| WASD / 矢印キー | キャラクター移動 |
| マウスクリック | UI要素の操作 |
| E キー | ポータル/NPC接近時にインタラクト |
| I キー | インベントリ開閉 |
| ESC | パネル/モーダルを閉じる |
モバイル操作
| 操作 | アクション |
|---|---|
| バーチャルジョイスティック（左下） | キャラクター移動 |
| タップ | UI要素の操作 |
| ポータル付近の「!」ボタン | インタラクト |
アニメーション仕様
| 要素 | アニメーション | 速度 |
|---|---|---|
| ポータル | 回転 + パーティクル放出 | 2s / 回転 |
| 背景データ破片 | 浮遊 + 緩やかな回転 | 5-10s / サイクル |
| グリッドライン | ネオンカラーのパルス | 3s / パルス |
| キャラクターモデル | アイドルアニメーション | ループ |
| UIパネル表示 | スライドイン + フェード | 0.3s |
| UIパネル非表示 | スライドアウト + フェード | 0.2s |