You are an expert game developer and React/TypeScript architect specializing in web-based RPG systems. Your task is to build a complete, playable Solo Leveling-inspired RPG with team-based combat, pro
制作の裏側
“You are an expert game developer and React/TypeScript architect specializing in web-based RPG systems. Your task is to build a complete, playable Solo Leveling-inspired RPG with team-based combat, progression mechanics, and strategic depth. **CORE DELIVERABLE** Create a fully functional web game (React + TypeScript) with these interconnected systems working together seamlessly. The game must be playable end-to-end—a player should be able to create a character, enter a dungeon, fight enemies, gain loot, and progress meaningfully in one session. **GAME ARCHITECTURE** *General Concept* - Genre: Team-Based RPG with UI-driven combat - Setting: Hunter guilds, dungeons/gates ranked E-S, monster hunting - Platform: React web application - Combat: NOT turn-based; implement a hybrid system where an Action Bar fills based on character Speed, triggering slow-motion decision windows while enemies continue acting - Perspective: UI-based combat (no 3D)—all combat happens through menus, status displays, and animated text/numbers **PLAYER & CLASS SYSTEM** Player stats (all affect gameplay): - Strength: Attack damage and defense scaling - Endurance: Max HP and stamina pool - Speed: Action bar fill rate and dodge chance - Magic: Mana pool and skill power scaling - Senses: Critical hit chance Implement exactly 6 classes with distinct stat profiles and skill sets: 1. **Warrior**: High Strength/Endurance, low Magic. Skills: Light Attack, Heavy Attack, Double Strike, Guard 2. **Assassin**: High Speed/Senses, low Endurance. Skills: Backstab, Dash Strike, Critical Boost, Evade 3. **Mage**: High Magic, low Defense. Skills: Fireball, AoE Blast, Mana Burst, Elemental Control 4. **Healer**: High Magic/Senses, low Attack. Skills: Self Heal, Team Heal, Shield, Light Attack 5. **Tank**: Very High Endurance, low Speed. Skills: Taunt, Shield Wall, Damage Reduction, Guard 6. **Necromancer**: High Magic, medium other stats. Skills: Basic Magic Attack, Summon Stored Shadow, Shadow Extraction (2 attempts per enemy kill), Shadow Army Support **COMBAT SYSTEM (CRITICAL)** Implement Hybrid Combat (Active Time + Slow Motion Decision): - Each character displays an Action Bar that fills based on their Speed stat - When a character's bar fills: - Time slows for the player to make decisions (visual slow-motion effect) - Enemies continue acting at normal speed—they are NOT frozen - Player selects target and action from available skills - Combat continues until all enemies or all allies are defeated Combat Display Requirements: - Real-time action log showing who attacked whom and damage dealt - Floating damage numbers above affected characters - Simple UI animations for skill effects (color flashes, particle effects, text) - Clear target selection UI - Health bars and status effects visible at all times Team Mechanics: - Player controls one character; allies can be set to behavior modes: - Aggressive (attack highest-threat enemy) - Defensive (protect lowest-health ally) - Support (prioritize healing/buffs) - Or manually controlled by player switching between party members **TRUST & CHARACTER SYSTEM** - Multiple guild members exist in the world (at least 8 unique characters) - Each character has a Trust Level (0–100) that unlocks content: - 0–24: Basic dialogue only - 25–49: Simple quests available - 50–74: Advanced quests unlocked - 75–100: Special skills, joint abilities, or exclusive dungeons - Trust increases by completing quests and winning combat alongside that character - Each guild has defined roles (Tank, Mage, Healer, etc.) for team composition **QUEST SYSTEM** - Characters issue quests with: - Clear objective description - Specific rewards (EXP amount, Item drops, Trust points) - Dungeon rank requirement or enemy type requirement - Completing a quest increases that character's Trust - Quest log tracks active and completed quests **DUNGEON & PROGRESSION SYSTEM** Dungeon Ranks: E (easiest) → D → C → B → A → S (hardest) Each dungeon instance contains: - Wave(s) of enemies with scaling difficulty - Boss encounter (unique enemy with higher stats) - Loot table (materials, equipment blueprints, crafting components) Gate Types: - Normal Gate: Standard difficulty for rank - Double Gate: 1.5x enemies and stats - Red Gate: 2x difficulty, rare drops **CRAFTING SYSTEM** - Player collects materials from dungeon drops - Crafting menu shows: - Weapons (stat bonuses to Strength/Attack) - Armor (stat bonuses to Endurance/Defense) - Accessories (various stat bonuses and effects) - Each item requires specific material combinations and a crafting cost - Crafted items equip to player and team members - Equipment affects base stats **INVENTORY & EQUIPMENT** - Player inventory holds materials, equipment, and consumables - Equipment slots: Weapon, Armor, 2 Accessories per character - Stats display shows how equipment affects total stat values - Loot automatically drops after combat and goes to inventory **UI STRUCTURE** Implement these screens/panels (all in one cohesive interface): - **Player Hub**: Character sheet (stats, level, equipped items), inventory, skill list - **Guild Menu**: Member list, trust levels, available quests, dialogue - **Dungeon Select**: Choose gate rank, difficulty type, confirm party composition - **Combat Screen**: Action timeline (showing whose turn is next), enemy status panel, player party status, action buttons for current acting character - **Crafting Menu**: View available recipes, select materials, craft items **CODE REQUIREMENTS** - Use React functional components with TypeScript - Separate concerns: - `systems/` folder: Combat engine, Progression, Crafting, Quest logic - `components/` folder: UI elements, screens, panels - `types/` folder: All TypeScript interfaces (Character, Item, Dungeon, etc.) - `hooks/` folder: Custom hooks for game state management (usePlayer, useCombat, useInventory) - Implement a central game state manager (Context or Zustand) tracking: - Current player character and stats - Party members and their state - Inventory - Dungeon progress - Quest log - Combat system must be deterministic and clear—every action must have visible justification (no magic damage numbers appearing without explanation) - Error handling for invalid actions - All text clear and unambiguous (no player confusion about what happened or what's available) **DELIVERABLES** 1. Complete, functional game build ready to run (`npm install` + `npm start`) 2. Full project folder structure with modular files 3. At least 3 playable dungeons (E-rank, C-rank, A-rank) 4. At least 5 unique characters with quests and trust progression 5. All 6 classes fully playable with unique skill interactions 6. Working crafting system with at least 8 equipment pieces 7. Combat system demonstrating all mechanics (team actions, slow-motion decision, enemy AI, loot drops) 8. A 5–10 minute gameplay walkthrough demonstrating: character creation → first dungeon clear → loot → crafting → quest completion → trust unlock → advancement **BUILD REQUIREMENTS** - Code must be production-grade: clean, modular, well-commented - No placeholder or unclear logic—every system must be fully implemented - Performance: Combat should run smoothly with no lag (optimize rendering for action bars and animations) - Responsive UI that works on desktop browsers - Clear console logging for debugging (no console errors during normal play) Build this step-by-step, ensuring each system integrates properly. Start with core systems (Player, Combat, Dungeon), then add social systems (Trust, Quests), then UI polish. The final output should be a complete, ready-to-play game demonstrating mastery of game architecture and TypeScript/React implementation.”
サインイン してコメントを残しましょう。
まだコメントがありません。最初のコメントを投稿しましょう!
ゲームのアイデアを日本語で説明するだけで、ゲームが形になります。
無料で始める提供元 Tesana