魔能方碑之咒产品系统Vibe Coding

立项原因：Magicka是一款经典的动作冒险游戏，以元素组合施法为核心特色。本项目受Magicka启发，旨在用Web技术复现其核心玩法——玩家通过组合不同魔法元素释放各种法术，与敌人进行即时战斗。项目展示了网页游戏可以达到的复杂度和可玩性，同时也是一次对游戏引擎和AI辅助开发的深度实践。

行业场景和业务背景：HTML5游戏市场规模持续增长，无需安装、跨平台、即开即玩的特性使其成为休闲游戏和独立游戏的重要载体。2D动作游戏是H5游戏中最受欢迎的类型之一，而元素组合施法这一创新机制能为玩家提供深度的策略体验，区别于市面上大多数简单休闲游戏。

1. 元素组合施法系统：玩家可收集多种魔法元素（火、冰、电、土等），通过组合不同元素释放对应的法术。每种元素组合产生独特的法术效果，共有数十种组合可能性。

2. 多种敌人类型：包含骷髅兵、哥布林、暗黑法师、Boss等不同类型的敌人，每种敌人拥有独特的攻击模式和AI行为，战斗富有挑战性和策略性。

3. 完整的游戏循环：从主菜单进入游戏，经历多个关卡和敌人波次，击败Boss后通关。包含开场动画、战斗、游戏结束等完整的游戏流程。

4. UI系统：包含血量条、元素栏、法术槽位显示、Boss血量条、分数显示等完整的战斗界面，信息清晰，交互直观。

5. 粒子特效与动画：法术释放时附带粒子特效，角色和敌人均有点阵动画，战斗画面视觉冲击力强。

我的角色和负责任务：用 AI 工具（TRAE）通过自然语言构建，包括游戏引擎选型与集成、核心玩法系统设计（元素组合、法术生成、敌人AI）、UI系统搭建、关卡设计、粒子特效系统和性能优化。

技术栈和架构：基于Phaser.js游戏引擎构建，使用Vite作为构建工具。项目采用模块化架构，将游戏系统拆分为独立的子系统：ElementQueue（元素队列管理）、ElementResolver（元素组合解析）、SpellFactory（法术工厂）、LevelManager（关卡管理）、ParticleEffects（粒子特效）、AudioManager（音频管理）等，每个系统职责单一、松耦合。UI模块独立管理血量条、元素栏、法术槽位等界面组件。敌人采用继承架构，基类Enemy定义通用AI行为，Boss、DarkMage等子类实现个性化攻击模式。

实现亮点：元素组合施法系统是项目的核心创新点，玩家收集的元素通过ElementResolver解析为具体的法术类型，SpellFactory根据解析结果生成对应的法术实例，实现了灵活的可扩展组合机制。敌人AI系统支持巡逻、追踪、攻击、撤退等多种行为状态，BOSS拥有多阶段攻击模式。整个项目代码结构清晰，模块边界明确，体现了良好的游戏架构设计能力。

难点：元素组合的平衡性设计需要大量测试和调优，确保每种法术的强弱合理。粒子特效的性能优化需要在视觉效果和帧率之间找到平衡点。多敌人同屏时的AI计算和碰撞检测也需要进行性能优化，避免卡顿