迷你四轮竞速AI · Claude 3.5

核心玩法循环与机制

Astro Drifters 是一款快节奏的 3D 卡丁车竞速游戏，玩家在环形赛道上与 AI 对手较量。核心体验围绕以下几点：

• 竞速：玩家用左/右转向和加速踏板控制卡丁车，在赛道上行进并与 3 名 AI 对手竞争
• 排位：玩家从第 4 名起步，必须超越对手才能获胜
• 圈数系统：完成 3 圈即结束比赛
• 胜利条件：3 圈后以第 1 名冲线
• 失败条件：以第 2、3 或 4 名完赛

玩法强调平滑的转向、速度管理和用于超车的策略性走位。游戏为快速、可重玩的比赛而设计，每场持续 1-2 分钟。

游戏视角

3D 第三人称俯视后方视角

摄像机以 45 度角置于玩家卡丁车的上方和后方，提供清晰的视野：

• 屏幕下部的玩家卡丁车
• 前方用于导航的赛道
• 附近用于战术判断的对手卡丁车
• 即将到来的弯道和赛道特征

摄像机平滑跟随玩家卡丁车，随卡丁车方向旋转，同时保持抬高的后方视角。这一视角在可见性与沉浸感之间取得平衡，让转向变得容易的同时也能感受竞速的速度与刺激。

游戏世界与关卡设计

赛道设计 —— "Cosmic Circuit"（宇宙赛道）

一条设置在鲜艳低多边形太空环境中的单一环形赛道：

• 赛道形状：带平缓弯道和一个发夹弯的椭圆环道，长度约 800 单位
• 赛道宽度：120 单位宽，可容纳 2-3 辆卡丁车并排竞速
• 路面：平滑的赛道路面，带可见的赛道标线
• 护栏：两侧的低墙以将卡丁车保持在赛道上（卡丁车会轻轻弹开）
• 环境：漂浮在太空中的赛道，配以多彩的星云背景、远处的行星和星辰
• 起点/终点线：用棋盘格图案和头顶拱门清晰标记
• 圈数标记：显示每圈进度的视觉指示

赛道特征：

• 平缓弯道用于练习平滑转向
• 一个需要刹车的挑战性发夹弯
• 宽阔的直道提供超车机会
• 细微的高度变化增添视觉趣味

编辑模式设计

玩家可以在编辑模式中自定义以下参数：

卡丁车属性：

• 玩家卡丁车颜色（RGB 滑块）
• 对手卡丁车颜色（3 个独立的 RGB 滑块）
• 卡丁车加速率（0.5 - 2.0，默认：1.0）
• 卡丁车最高速度（50 - 150，默认：100）
• 卡丁车转向速度（0.5 - 2.0，默认：1.0）

比赛设置：

• 圈数（1 - 5，默认：3）
• AI 对手数量（1 - 5，默认：3）
• AI 难度（简单/中等/困难 —— 影响 AI 速度和转向精度）

视觉设置：

• 赛道颜色（RGB 滑块）
• 护栏颜色（RGB 滑块）
• 背景星云颜色（RGB 滑块）
• 摄像机距离（50 - 200，默认：100）
• 摄像机高度（30 - 100，默认：60）

所有参数都有合理的默认值，以营造平衡、有趣的竞速体验。约束可防止会破坏玩法的数值（例如零速度、不可见的颜色）。

操作设计

移动端（触摸）—— 主要设计：

• 左侧 —— 转向按钮：位于左下角的两个大按钮（最小 96x96px）

  • LEFT 按钮：按住时向左转
  • RIGHT 按钮：按住时向右转
  • 位于 y: 1100-1200（屏幕底部 180px）
  • 按钮之间水平相距 20px

• 右侧 —— 加速踏板：位于右下角的大圆形按钮（120x120px）

  • 按住加速
  • 松开滑行/减速
  • 位于 y: 1100-1220（底部 180px）

• HUD 元素（屏幕上半部分，y: 640 以上）：

  • 当前名次（第 1/2/3/4 名）—— 左上
  • 当前圈数（1/3、2/3、3/3）—— 顶部中央
  • 速度指示器 —— 右上

桌面端（键盘/鼠标）—— 次要支持：

• 方向键或 A/D：左/右转向
• W 或上方向键或空格：加速
• ESC：暂停/菜单

操作实现细节：

• 转向为模拟式：按住按钮越久 = 转弯越急
• 加速在踏板按住时逐渐建立
• 松开加速会导致逐渐减速
• 没有刹车按钮 —— 玩家通过松开加速来减速
• 触摸操作追踪触摸 ID 以防干扰
• 窗口失焦时清除所有操作
• 阻止所用按键的浏览器默认行为

胜负条件

胜利条件：

• 完成 3 圈且以第 1 名冲过终点线
• 胜利画面显示："Victory! You finished 1st!"，附比赛用时和"Race Again"按钮

失败条件：

• 完成 3 圈但以第 2、3 或 4 名完赛
• 结果画面显示："Race Complete! You finished [名次]"，附比赛用时和"Try Again"按钮

比赛进度：

• 名次根据完成圈数和沿赛道的距离实时更新
• 圈数计数器在越过起点/终点线时递增
• 玩家完成最后一圈时比赛结束（无论 AI 是否已完赛）

美术风格与视觉主题

低多边形科幻美学

游戏采用鲜艳、多彩的低多边形美术风格，既有视觉吸引力又对性能友好：

视觉风格：

• 干净的几何低多边形 3D 模型
• 明亮、饱和且对比良好的色彩
• 平滑着色配细微渐变
• 极少纹理 —— 依赖纯色和简单图案
• 发光的点缀和自发光元素营造科幻感

配色方案：

• 玩家卡丁车：明亮的青/蓝色
• 对手卡丁车：橙、紫、绿（与玩家区分）
• 赛道路面：深紫/蓝配青色赛道标线
• 护栏：金属灰配警示条纹
• 背景：深邃太空黑配多彩星云（粉、紫、蓝渐变）
• 界面：白色文字配青色点缀

素材规格：

3D 模型（通过 Three.js 代码渲染）：

• 卡丁车：基于方块的简单底盘配 4 个圆柱车轮，总计约 20 个多边形
• 赛道：带平坦表面的挤出路径，简单几何体
• 护栏：沿赛道边缘的低矩形墙
• 起点/终点拱门：跨越赛道的简单矩形框架

生成图像素材：

• 背景星云：2048x2048 太空背景配多彩星云
• 界面元素：按钮、名次指示器、圈数计数器图形

视觉效果（基于代码）：

• 卡丁车阴影（简单的圆形团块阴影）
• 高速时的速度线
• 卡丁车后方的粒子拖尾
• 撞击护栏时的屏幕震动

一致性说明：

• 所有 3D 元素使用相同的低多边形风格配平面着色
• 视角保持一致：45 度角的俯视后方视角
• 所有卡丁车为同一模型，仅以颜色区分
• 界面元素使用与游戏世界相同的配色方案