0. 先和大家打个招呼吧 ![]()
你好!我是一名守望先锋玩家,也是 TRAE 的使用者。
角斗领域是守望先锋第3赛季推出的新玩法,有上百种专属物品和异能,每次更新补丁都会大规模调整数值和效果。官方没有提供便捷的查询工具,玩家只能靠翻补丁笔记或游戏中逐个查看,非常痛苦。
我用 TRAE 把这个查询系统从零搭建出来。整个过程最让我惊喜的是:我只需要用自然语言描述需求,比如"帮我从Athena API拉取英雄数据,翻译成中文,再对照官方补丁打上变更记录",TRAE 就能帮我完成从数据采集到写入数据库的完整流程。33个英雄、452个物品、396个异能,全部数据逐条翻译、打补丁、对齐官方文字版——这种高强度的数据处理工作,没有 TRAE 根本不可能在短时间内完成。
1. Demo 简介
是什么:一个守望先锋角斗领域第3赛季的物品与异能查询网站(纯前端单页应用)。
面向谁:守望先锋角斗领域玩家,需要在游戏外查阅物品/异能效果、规划装备搭配的核心玩家。
主要功能:
-
多维度查询:支持按英雄、稀有度、类型(武器/技能/生存)、价格区间筛选,支持按名称或效果关键词搜索,覆盖33个英雄的452个物品和396个异能
-
装配方案管理:可创建多套装备搭配方案,把物品加入装配区,支持本地持久化保存,方便赛前规划
-
补丁追踪:每个物品/异能卡片上标注本赛季补丁变更记录(黄色高亮),一眼看出哪些内容被加强或削弱
-
收藏与编辑:支持收藏常用物品,支持WYSIWYG在线编辑数据并导出JSON,方便社区协作维护
2. Demo 创作思路
灵感来源:我是角斗领域的活跃玩家。每次赛季更新,补丁笔记长达数千字,物品和异能的数值调整散落各处,想查某个英雄能买什么装备、某个异能这版本改了什么,只能手动翻文档或进游戏逐个看,体验很差。
想解决的问题:
-
角斗领域有33个英雄、近850条物品/异能数据,玩家没有便捷的查询入口
-
每次补丁更新后,玩家无法快速了解哪些内容被调整、怎么调整的
-
现有的社区资源(如Fandom Wiki)数据不全且没有中文翻译,Athena API有英文数据但缺少中文和补丁信息
为什么做这个方向:守望先锋角斗领域是一个策略性很强的玩法,装备选择直接影响胜负。一个好用、数据准、能追踪补丁的查询工具,是玩家的刚需。而且这个场景的数据处理工作量大(多数据源整合、翻译、补丁对齐),正好能体现 TRAE 处理复杂任务的能力。
3. Demo 体验地址
- 随时可公开访问的体验链接:https://www.htmlcode.fun/s/kouf4ay2
4. TRAE 实践过程
完整开发流程:
阶段一:原型搭建(6月25日) 用 TRAE 搭建系统骨架:HTML单页应用、数据库结构设计、UI布局(英雄筛选区、物品卡片网格、搜索栏)、响应式适配(移动端2列网格、抽屉式侧边栏)。先从 Athena API 拉取英文数据建立初始数据库。
阶段二:数据整合与翻译(6月30日 - 7月2日) 这是最核心的阶段。建立了固定工作流:
-
API数据采集:从 Athena API 拉取英雄的物品和异能英文数据;Athena 缺失的英雄(飞天猫、斩仇、拉玛刹)改从 Fandom Wiki API 获取
-
中文翻译:逐条翻译物品名称、描述,将技能英文名替换为中文(如
[Caduceus Staff]→[天使之杖]) -
打补丁:对照官方中文补丁笔记(
ow.blizzard.cn/news/patch-notes/live/2026/06/),理解每条补丁含义,在描述中更新数值,并在pn字段记录变更内容(如"费用从11000降低至9500") -
对齐官方文字版:将异能名称和描述与官方文字版逐一核对,确保完全一致;移除的条目直接删除,新增的条目补充添加
按此流程逐个英雄处理:天使、无漾、卢西奥、雾子、飞天猫、禅雅塔、莫伊拉、布丽吉塔、安娜、卡西迪、猎空、源氏、美、狂鼠、死神、斩仇、托比昂、温斯顿、渣客女王、查莉娅、末日铁拳、拉玛刹、奥丽莎、D.Va、莱因哈特、骇灾、西格玛、艾什、朱诺、士兵:76、索杰恩、弗蕾娅、托比昂。
阶段三:通用物品与装置(7月2日) 更新通用物品(基础/稀有/史诗)和装置(通用/稀有/史诗)数据,同样按 API→翻译→补丁 流程处理,共94条。
阶段四:数据校验与修复(7月3日 - 7月4日) 修复多个数据问题:英雄职业分类错误(骇灾应为重装而非输出)、物品补丁遗漏(骇灾/艾什/西格玛)、英雄注册缺失(托比昂/弗蕾娅未加入HEROES数组)、头像URL失效(从官网重新获取正确头像)。
关键任务对话 Session ID:
本项目开发持续10天,主要在以下Session中完成:
- Session ID:
6a33a8135f637f46709c8b7a(6月25日 - 7月4日,主会话,涵盖从原型搭建到数据处理的完整流程


