0. 游戏介绍
大家好，我是张柏宇，9岁，一名喜欢画角色、设计规则和做游戏的小朋友。
我先使用Scratch画出了游戏里的角色，然后让AI把图片导出并转化成了图片。再一点点思考每个角色要怎样移动、攻击、召唤和互相配合。TRAE 帮我把这些想法变成了可以直接玩的网页游戏：从最开始的草坪战场和角色卡片，到拖拽布阵、自动战斗、技能、血量、金币和胜负结算，都是我不断描述想法、试玩、发现问题，再请 TRAE 一起修改完成的。
开发过程中最有意思的地方，是很多原本只存在于脑海里的设定都能真正动起来。例如女娲会召唤孩子、残血后进入红眼状态；法师会召唤骷髅；王冠被击败后还能继续召唤角色；治疗师既能治疗队友，也可能进入攻击状态。遇到“角色不移动”“子弹打到一半停住”“拖不进战场”等问题时，我也可以把看到的现象告诉 TRAE，再和它一起逐项排查。
1. Demo 简介
是什么
《宇仔对战》是一款手绘风 H5 自动策略对战游戏。玩家在战前使用金币购买角色卡，把角色拖入左右两队的阵地；点击“开始战斗”后，双方角色会自动推进、索敌、攻击和释放技能，直到一方 2500 点阵营血量归零。
报名阶段作品曾使用“女娲娘娘杀红了眼”作为暂定创意名称；在继续完善角色、玩法和整体表达后，作品最终定名为《宇仔对战》。名称虽然调整，核心创意与报名审核通过的作品保持一致。
面向谁
面向喜欢轻量策略、塔防、自走棋、自动战斗和短局反转的休闲玩家，尤其适合喜欢“先布阵，再观察战场自己演化”的玩家。
主要功能
- 金币购买与拖拽布阵：左右两队各有 1000 金币，可以根据角色价格和阵容思路进行购买、放置和调整。
- 自动战斗与阵营胜负：开战后角色会自动移动、选择目标并攻击；没有敌方角色时会继续攻击敌方阵营。
- 差异化角色技能：包含石棒、法师、弓箭、重锤、头锤、王冠、飞火、女娲和治疗师等角色。不同角色拥有近战、远程、召唤、治疗、护盾、死亡爆兵和红眼异变等机制。
产品截图
图 1：完整战场、金币、阵营血量和角色卡片
图 2：游戏玩法与角色介绍
图 3：双方角色自动对战画面
2. Demo 创作思路
灵感来源
最初的灵感来自自己画的一组角色。我不希望这些角色只有外形不同，而是想让每个角色都有自己的战斗性格，并在同一个小战场中产生意想不到的连锁反应。
游戏最重要的戏剧点是“女娲红眼”。女娲不是普通召唤师：她会召唤不同的孩子参加战斗，在自身血量较低或战场牺牲达到条件后进入红眼状态，继续召唤并获得强力反击能力。即使女娲被击败，也可能形成最后一波反扑。
想解决的问题
很多轻量策略游戏的角色差异只体现在攻击、血量和射程数值上，战斗缺少容易记住的高潮；而部分塔防和自走棋又有复杂的羁绊、装备和路线，新玩家不容易快速进入乐趣。
这个 Demo 希望用简单的操作提供有变化的战斗：玩家只需要购买、拖拽和开始战斗，就能看到召唤、远程攻击、治疗、护盾、死亡触发和红眼状态如何改变局势。
为什么选择这个方向
我希望做一个“规则不难，但每一局都有故事”的游戏。左右对称战场让胜负很容易理解，原创手绘角色让作品有自己的样子，而女娲、王冠、法师和治疗师等特殊机制又能让玩家愿意反复尝试不同布阵。
3. Demo 体验方式
本作品为交互式 HTML 网页游戏，已按社区要求打包为 ZIP：
下载《宇仔对战》HTML 游戏 Demo ZIP（472.6 KB）
下载并解压后，使用浏览器打开根目录中的 index.html 即可体验。建议使用最新版 Chrome 浏览器，并在桌面端全屏体验。
基本操作：
- 从底部左右队物品栏选择角色；
- 将角色卡拖到对应半场完成布阵；
- 点击左上角“开始战斗”；
- 观察双方自动移动、攻击和释放技能；
- 一方阵营血量归零后，可以点击重新开始。
4. TRAE 实践过程
阶段一：搭建战场、金币、角色卡与重新开始流程
我先向 TRAE 描述左右对战、草坪场景、金币、角色商店、垃圾桶和重新开始等基础结构。TRAE 帮助实现了第一版可操作界面，并根据试玩反馈多次调整角色卡、战场和按钮。
Session ID：6a51af9c3e1f7356f3bfcba9
开发关键步骤 1：早期草坪战场、金币和角色卡原型
阶段二：修复拖拽布阵并跑通核心战斗
开发中曾出现角色拖到战场后无法放置、左右物品栏显示异常、开战后角色无法真正攻击等问题。TRAE 帮助检查事件拦截、坐标计算、移动范围和攻击距离，最终跑通了“购买—布阵—开战—移动—攻击—胜负”的完整链路。
Session ID：6a51cfb7017e898edc988c18
开发关键步骤 2：调整拖拽布阵和双队物品栏布局
阶段三：完善子弹、目标死亡和持续战斗逻辑
后续测试中发现，远程角色的目标死亡后，子弹可能停在原地，甚至让战斗看起来暂停。TRAE 帮助重新梳理目标失效后的逻辑，让子弹在目标死亡后继续沿原方向飞行，并在飞出边界后清理，同时进行语法检查和页面验证。
Session ID：6a575456fd4bc45ea4bb35e4
开发关键步骤 3：最新战场与远程子弹逻辑调试
阶段四：修复角色移动、治疗师和王冠等关键问题
在进一步测试中，TRAE 还帮助定位并修复了墙体目标初始化、治疗师护盾冷却、第一帧时间差异常和角色死亡后无效引用等问题，让不同角色能更稳定地移动、攻击、治疗和释放技能。
Session ID：6a576381fd4bc45ea4bb381a
5. 对应的报名审核通过帖子链接
感谢体验！希望大家能在这场小小的自动战场里，看到手绘角色、召唤链和红眼反击一起把局面推向意想不到的方向。