霓虹环线

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 Canvas 贪吃蛇游戏，整体为深紫/近黑色科幻霓虹界面。使用响应式画布覆盖整个窗口，禁止页面滚动；背景是从中心较亮紫色到边缘深黑紫色的径向渐变，并叠加非常淡的蓝紫色同心圆线。画面中央有一个约 20×20 方格的隐形/淡蓝网格游戏区域，网格线很细、透明度很低。网格中央绘制一个大型青色霓虹圆环：一条淡虚线圆环和一条带青色光晕的实线圆环，圆环周围均匀分布 8 个小型箭头/刻度符号，其中部分为橙色，其余为白色半透明；圆环中心有一个小白色圆形十字图标。圆环是装饰和主题视觉，不是碰撞边界，真正的移动边界是方格区域边缘。

核心玩法是传统网格贪吃蛇：开始时蛇长度为 4，位于网格中央附近，水平向右移动，由青色发光线段连接的圆形节点组成；蛇头是较大的白色发光圆，内部/前方带一个蓝色小圆点指示朝向，身体节点为青色。玩家控制蛇在网格中移动，收集一个橙色发光圆形“signal”目标；目标带白色细描边和橙色光晕。每吃到一个目标，蛇增长一格，长度计数增加，并在目标位置产生短暂的橙色粒子爆发，然后在网格内部随机生成下一个目标（不要生成在蛇身上，生成范围避开最外侧约两格）。蛇不能反向转弯；撞到方格边界或自己的身体后游戏结束，停止移动，在撞击处产生橙色粒子爆发。速度初始等级为 1；每当长度增加到新的区间时，速度等级为 1 + floor(蛇长度/3)，移动间隔从约 0.18 秒逐渐缩短，每级减少约 0.012 秒但不低于约 0.055 秒。

初始状态显示开始界面：蛇和食物已经在背景游戏场中绘制，但中央有一个带青色边框、半透明深色填充、内外发光的按钮“START RUN”。点击该按钮开始/重置一局并隐藏按钮。也可以在尚未开始时按方向键直接开始。桌面端使用 Arrow Up/Down/Left/Right 和 W/A/S/D 控制，并阻止浏览器默认滚动；触屏/粗指针设备在底部显示四个带青色边框的方向按钮（上、左、下、右），按钮用触控按下控制。游戏结束时底部提示改为“SIGNAL LOST · PRESS SPACE OR TAP RESTART”，中央按钮重新出现并写为“RESTART”；按空格或点击按钮重新开始。

HUD 固定覆盖在画布上。顶部中央显示小号大写字样“NEON RING // VECTOR SNAKE”，NEON RING 为亮青色，其余为淡蓝色，带字母间距。左上方偏内侧是轻微向一侧倾斜的矩形面板，标题“LENGTH”，下方两位数显示当前蛇长，初始为“04”；右上方对称面板标题“SPEED”，下方两位数显示速度等级，初始为“01”。面板为半透明深色，细青色边框，内外蓝色微光。底部中央显示“ARROW KEYS / WASD · COLLECT THE ORANGE SIGNAL”，字母间距很大、淡蓝色并有轻微光晕；触屏设备上将其上移以避开方向按钮。画面初始背景/场景应类似一个极简赛博竞技场，避免额外敌人、关卡、武器、生命值、计时器或分数系统；HUD 只显示 LENGTH 和 SPEED。

视觉实现应采用纯 2D Canvas 绘制发光效果：使用 shadowBlur、细线、透明度和青/蓝/白/橙配色；蛇线、节点、橙色目标和粒子都应有霓虹光晕。窗口缩放时根据视口大小把方格区域保持为接近正方形，单元格约 14–28 像素；网格约 16–20 列/行，居中放置。