AI智脑+修仙小镇：48小时完整游戏开发实战记录

MrDY
169 阅读8分钟

引言：AI不仅是工具，更应该是游戏世界的智慧中枢

大家好，我是君言，一个业余的游戏开发者，今天想和大家分享一个令人兴奋的技术挑战,也是创意实现：用2天（48小时）时间，开发出一个基本完整的2D修仙游戏，并完成MVP测试。

image.png 这不是什么概念验证或者Demo，而是一个功能完整、可玩性强的网页游戏，虽然是MVP版本，但是麻雀虽小五脏俱全。让我来详细解析这个项目中涉及的技术架构和实现细节。

项目成果展示

  • 开发时间：48小时（2天）
  • 代码量：15,000+ 行 TypeScript
  • 技术栈：Vue3 + Phaser3 + TypeScript + Pinia + Dexie
  • 游戏系统：8大核心系统（战斗、炼丹、炼器、宗门管理等）
  • AI友好：用模组作者思想做插件式、配置式开发管理，快速拓展，90%的游戏内容由AI生成（Gemini 3、Claude Code）
  • AI智脑：AI要做游戏内的大部分决策，会影响到各类剧情走向，并且，将AI的权限放到最大，由AI决定你的任务是否有效，是否给你发放奖励！

游戏部分玩法截图展示

🎭 宗门小镇 智脑控制NPC角色扮演 image.png 🎭 NPC对话交互 喜怒随心，长期记忆 25fdf2fb83d0b7b330ff261180937ff7.png

  • 自由传音：真正的奇遇任务！ image.png

  • 灵鸽传书：智脑分析记忆，自动传书，让交互更自然！ image.png

🎭 气运系统 你的一言一行都会影响到你的气运，不同气运会有不同惊喜，具体事件触发由AI完成

image.png

🎭 角色人生卡 记录你的人生历程

image.png

🎭 宗门系统

  • 宗门招募弟子：根据宗门门规，AI分析吸引相似性格的弟子前来 image.png
  • 宗门聊天室： 可以在对话中快速安排弟子任务，发放奖励，弟子任免等 image.png

image.png

image.png image.png image.png

  • 弟子角色卡：查看弟子信息

image.png

  • 祖师堂任免：可以在聊天室聊天中完成任免 image.png

  • 宗门仓库捐赠：可以在聊天中快速捐赠 image.png

  • 宗门任务派遣：可以在聊天中快速派遣 image.png

  • 宗门大事记：记录宗门事件点滴 image.png 🎭 炼器、炼丹系统 ：哎，知识怎么进我脑子了！

  • 炼器系统：融合了现代化学元素理论和古代锻造技艺，通过16种核心元素的复杂组合计算，创造了丰富的策略深度。玩家需要理解元素的化学性质、原子结构、分子组合等概念，才能锻造出高品质的武器。AI根据实时天时，推演成功概率加成，让一切变得随机却有序！

image.png

  • 炼丹系统：自由炼药，融合中医理论学说，4气5味，12种核心药性。玩家需要理解药性相生相克的关系，才能炼制出高品质的丹药。 image.png

🎭 战斗系统 ：丰富关卡玩法挑战 image.png

image.png

image.png

  • BOSS战斗：各向范围AOE技能 image.png
  • 神通爆发：盖亚！ image.png

🎭 其他系统功能展示 ：

  • 背包系统：包里乾坤 image.png
  • 强化系统 凯丽：你要去哪？ image.png
  • 商店系统：商亦是道 image.png
  • 性别转换、轮回转世：照见真我，轮回兵解 image.png
  • 成就系统：荣誉殿堂 image.png
  • 图鉴系统：万象图鉴 image.png
  • 灵兽系统：记得带上你修行路上的好帮手：萝卜，纸巾

image.png

  • 功法系统：流派搭配，心法突破

image.png

image.png

  • 渡劫系统：这里有点小巧思，你能发现吗？

image.png

image.png

  • 彩蛋

    你能发现几个？欢迎留言评论

AI智脑在游戏内具体承担的角色

项目中AI智脑系统不仅在开发阶段发挥了巨大作用，更在游戏内扮演了智慧中枢的角色，具体体现在：

🎭 智能NPC交互系统

  • 每个NPC拥有独特的AI人格和记忆系统
  • 长期记忆系统：NPC能够跨会话记住玩家的互动历史，包括对话内容、行为选择、赠送物品等
  • 关系演化机制：根据玩家的持续行为动态调整与NPC的关系亲密度，从陌生到熟悉到信任
  • 上下文关联记忆：NPC会记住之前对话的具体细节，在后续互动中自然引用过往经历
  • 实时生成个性化对话内容，支持情感计算和关系亲密度

📖 动态剧情生成引擎

  • 根据玩家的修为等级、修仙流派动态生成主线任务
  • 随机遭遇事件智能生成：神秘商人、修仙对手、灵兽事件等
  • 选择分支影响后续剧情发展，每个玩家都有独特的故事线

⚗️ 智能炼丹顾问系统

  • 根据玩家技能等级和材料库存推荐最佳炼丹配方
  • 提供详细的炼丹步骤指导和品质预测
  • 失败后智能分析原因并给出改进建议

⚔️ 适应性战斗AI

  • 动态调整敌人战术策略，提供持续挑战

💡 学习成长系统

  • 记录玩家游戏偏好，个性化推荐内容
  • 智能难度调节，确保最佳游戏体验
  • 预测玩家需求，主动提供帮助和指导

通过这些AI功能，每个玩家都能体验到真正"活着"的游戏世界，仿佛身边有一个智慧的修仙导师在陪伴成长。

技术架构：双引擎设计的核心理念

为什么选择Vue3 + Phaser3？

在开始之前，让我先解释一下为什么选择这个看似"非主流"的技术组合：

  1. Vue3的优势：

    • 优秀的组件化架构
    • 响应式数据绑定
    • 丰富的生态系统和UI组件
    • 良好的TypeScript支持

  2. Phaser3的优势：

    • 专业的2D游戏引擎
    • 强大的场景管理系统
    • 丰富的物理和动画支持
    • 优秀的性能表现

  3. 双引擎架构的动机：

    • 将复杂的游戏逻辑和UI逻辑分离
    • 利用Vue的优势处理游戏外的界面（背包、设置、商店等）
    • 用Phaser专注处理游戏核心渲染和交互

架构设计亮点

1. 模块化设计

src/
├── core/           # 核心架构
│   ├── gameKernel.ts      # 游戏内核
│   ├── eventBus.ts        # 事件总线
│   └── plugins/           # 插件系统
├── game/          # Phaser游戏逻辑
│   ├── scenes/            # 游戏场景
│   ├── entities/          # 游戏实体
│   └── utils/             # 游戏工具
├── stores/        # Vue状态管理
├── components/    # Vue组件
├── services/      # 业务服务
└── utils/         # 通用工具

2. 插件化架构

游戏采用了插件化的设计思想，支持功能的模块化扩展：

  • 动态加载：游戏可以动态加载或卸载特定功能模块，支持热更新和扩展
  • 接口标准化：通过统一的插件接口规范，确保不同功能模块之间的兼容性也便于以后拓展开发以及
  • 错误隔离：插件系统具备良好的错误隔离机制，单个插件的故障不会影响整个游戏
  • 版本管理：支持插件的版本控制和兼容性检查，确保系统的稳定性
  • 版本管理：大部分内容都通过配置实现，可以快速定制、拓展各项玩法

开发经验与心得

1. 快速开发的关键

AI辅助开发：

  • 使用Gemini 3生成游戏需求详细说明书和详细设计说明书、UI设计说明书
  • 使用Claude Code进行游戏架构设计和生成核心示例代码
  • 使用Gemini 3生成游戏前端代码原型，进行UI调优
  • 使用Claude Code进行代码review
  • 使用Gemini 3 + CodeX输出性能测试报告、功能测试报告

组件化思维：

  • 每个功能模块都是独立的组件
  • 高度可复用，减少重复代码
  • 便于测试和维护

2. 架构决策的思考

为什么不用Unity/Unreal？

  • 目标平台是网页，需要轻量级解决方案
  • Vue生态丰富，UI开发效率高
  • 快速迭代需求，编译时间短
  • AI友好

为什么选择Phaser而不是原生Canvas？

  • Phaser提供了完整的游戏开发框架
  • 优秀的物理引擎和动画系统
  • 活跃的社区和丰富的插件

3. 性能优化的经验

内存管理：

  • 使用对象池避免频繁GC
  • 及时清理不用的资源
  • 合理使用缓存机制

渲染优化：

  • 合理的渲染批次管理
  • 避免不必要的重绘
  • 使用对象池管理粒子效果

总结

通过这个项目，我证明了：

  1. Vue3 + Phaser3 是一个可行的2D游戏开发组合
  2. 60小时快速开发是完全可能的，特别是结合AI工具
  3. 模块化架构能够显著提升开发效率和代码质量
  4. 前端技术栈在游戏开发领域有很大潜力
  5. AI智脑系统能够为游戏带来革命性的智能体验

AI的双重角色：开发伙伴 + 游戏智脑

这个项目最独特的地方在于AI扮演了双重角色：

  • 开发阶段的AI助手：Claude Code、Gemini 3、Codex协助快速完成代码编写和架构设计
  • 游戏内的AI智脑：智能NPC、动态剧情生成、智能战斗AI、个性化炼丹系统，让游戏世界充满智慧

这种双重应用不仅大幅提升了开发效率，更重要的是为玩家创造了一个真正智能化、个性化的游戏体验。每个玩家遇到的剧情、NPC对话、战斗策略都可能是独一无二的，因为AI会根据玩家的具体行为和游戏状态生成定制化的内容。

这可能预示着游戏开发的未来方向：AI不仅是工具，更可能成为游戏世界的灵魂。

avatar
文章
阅读
粉丝