赛博球斗场

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

制作一个名为《赛博球斗场》的单画布 2D 赛博霓虹自动斗球游戏，界面语言为简体中文，适合桌面和移动端响应式显示。使用深 navy/黑蓝渐变背景，背景有低透明度的水平扫描网格线，整体是发光的 HUD/科幻竞技场风格。

画面顶部左侧显示青色小字“CYBER BALL ARENA”，其下显示大号白色标题“赛博小球斗蛐蛐”，再下方显示灰蓝色副标题“无重力 · 随机运动 · 技能碰撞”；右上角显示当前回合，例如“ROUND 01”。中央放置一个正方形竞技场，尺寸应根据视口自适应，最大约 650px，并在上下空间不足时缩小；竞技场是透明深蓝填充，外边框为 2px 明亮青色霓虹发光框，内侧再有一圈半透明细框，中心画一条竖直和一条水平的淡青色十字辅助线。初始未开始时竞技场为空，底部控制区显示提示和“开始战斗”按钮。

点击底部宽按钮或按空格开始一场比赛。每场生成 10 个彩色发光小球，名字依次为：脉冲、棱镜、彗星、幽影、磁暴、裂变、瞬移、寒潮、噬能、雷区；颜色分别使用青色、粉色、黄色、紫色、绿色、橙橙色、红粉色、蓝色、黄绿色、橙色。小球初始环绕竞技场中心随机布置，半径约 15–19px，具有 100 HP、0–100 的能量、随机初速度和随机相位。小球看起来像带高光和暗色“眼睛/核心”的发光圆球；每个球上方显示其名字，下方显示一条约 38px 宽的彩色 HP 条。被当前选中的球带有额外白色圆环高亮；护盾状态显示球外的浅青圆环，冰冻/眩晕状态显示另一圈浅蓝环；死亡球变为低透明度但仍留在场内。

核心玩法完全自动进行：竞技场内没有重力，小球持续随机受力、自由移动并相互碰撞，速度上限普通约 170，冲刺时约 360；碰撞时彼此弹开，有约 28% 概率造成 2–5 点伤害并产生白色火花。小球撞到竞技场四边会反弹，边界略微损失速度。所有球每秒自动回复约 11 点能量，能量达到 100 后会随机自动施放自己的技能，施放后能量归零。技能名称和效果必须对应：脉冲/“电弧”攻击最近目标造成 18 伤害；棱镜/“护盾”获得 34 点护盾；彗星/“冲刺”短时间加速；幽影/“吸附”把其他球向自己拉近；磁暴/“反弹”获得 18 点护盾并伤害附近目标；裂变/“分裂”伤害 145px 范围内目标；瞬移/“瞬移”随机传送到竞技场内另一位置；寒潮/“冰冻”冻结 135px 内目标约 1.8 秒并造成 7 伤害；噬能/“吸血”伤害 125px 内目标并按造成伤害的 70%回复自身 HP；雷区/“地雷”对 105px 内目标造成 22 伤害并将其击退。所有技能施放产生不同颜色的扩散圆环、火花和/或事件提示。护盾先吸收伤害并显示“BLOCK”，伤害和治疗以漂浮文字显示，击杀会显示爆炸火花和扩散环。

竞技场下方有半透明深色信息面板，显示当前事件文字，例如“第 2 场：10 种随机技能已加载”“某球展开了护盾”“某球击破了某球”，没有事件时显示“点击下方按钮干预战局，或观看随机技能对撞”；右侧显示“存活 X/10”。面板下方是宽大的深蓝描边按钮：比赛进行时文字为“暂停观战 · [当前选中球名] [技能名]”，点击可暂停/继续；比赛结束后按钮显示“再来一场 · [胜者] 获胜”，点击重新随机开始。空格键也执行开始或暂停。比赛进行时点击仍存活的小球可以选中它；若其能量已满，立即手动触发其技能，否则显示“[名字] 能量 [百分比]%，还在充能”。

竞技场左上/上方显示一个简洁的前三名排行榜，按当前 HP 从高到低列出最多三个球，每行有其颜色竖条、名字、技能和 HP；死亡者灰暗。比赛持续到只剩一个存活球，或最后一个球获胜；停止模拟并在竞技场中央覆盖半透明暗幕，显示青色“WINNER”、大号胜者名字（使用胜者颜色）以及“点击下方按钮重新开战”。每局回合编号递增，胜者事件提示同步更新。

实现细节：使用 HTML canvas 绘制所有背景、文字、球、HP 条、圆环、火花、浮动伤害文字和 HUD；字体使用系统无衬线字体。画面要有青、粉、黄等强烈霓虹 glow/shadowBlur，但保持简洁的深色科幻 UI。视口至少按约 320x520 处理，竞技场位于页面中央，底部面板位于竞技场下方。不要加入未描述的关卡、武器、玩家角色、资源商店或额外按钮；这是一个可观看、可暂停、可点击干预的十球自动淘汰斗场。