太空船任务

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 太空船任务游戏，使用正交摄像机和简洁的 Three.js 风格几何图形。整体画布全屏，背景为极深的海军蓝/近黑色（#0a0a1f），游戏世界是约 800×600 的深蓝灰色飞船地板（#1a2a3a），镜头跟随玩家但只以玩家位置的 0.6 倍移动，并将镜头限制在地图中心区域；保持俯视平面视角，不要透视或复杂 3D 光照。

玩家是一个蓝色的圆形太空船成员（#4a90ff），半径约 18，带浅蓝色圆形面罩（位置略偏上）、深色圆形背包（位置略偏下），并带一个半透明白色圆形高光/选中圈。初始位置在地图左上中央附近（x=-100,y=100）。另外放置 4 个会移动的 AI 船员，分别使用红、绿、橙、紫色，初始位置约为 (200,150)、(-150,-150)、(100,-200)、(-250,50)。它们以约 60 像素/秒进行简单随机漫步，方向持续小幅随机改变，偶尔完全换向，只限制在地图边界内；它们没有攻击、碰撞或其他敌对行为。

制作一个简单的飞船平面布局：地板上有深灰蓝色房间矩形装饰和若干厚度约 12 像素的灰蓝色墙段，形成顶部走廊、中央区域、两侧隔断和底部房间分隔。地图边界约为 x=-400..400、y=-300..300。放置 5 个黄色发光圆形任务点（半径约 22、透明度约 0.6），位置和名称必须是：(-280,220)“引擎维修”、(280,220)“氧气系统”、(-280,-180)“电力分配”、(280,-180)“导航校准”、(0,0)“中央电脑”。任务点不需要复杂的小游戏：玩家进入距离任务点 55 像素以内时即可执行任务。执行后该点变为亮绿色（#44ff44），并从未完成列表变成已完成状态。

核心目标是完成全部 5 个任务。玩家可用 WASD 或方向键移动，速度约 180 像素/秒，斜向移动要归一化；移动时让角色朝移动方向轻微旋转。玩家位置限制在地图边界内。靠近未完成任务时，在屏幕底部中央显示蓝色圆角按钮“执行任务”；点击按钮完成当前任务。桌面端也允许按 E 键完成附近任务，并允许直接点击画布在附近执行任务。移动端支持触摸：以屏幕中心为虚拟摇杆基准，根据触点相对屏幕中心的位置控制方向，松开触摸停止移动。

HUD 必须使用中文白色文字并覆盖在画布上：左上角放一个半透明黑色圆角面板（约 20px 边距、10px 内边距），显示粗体“任务”，下面逐行显示 5 个任务，未完成前缀为“○”，完成后前缀为“✓”；右上角显示较大的“任务: 0/5”（随进度更新）。底部中央的“执行任务”按钮默认隐藏，仅在玩家靠近可执行任务时显示。任务全部完成后停止游戏更新并在屏幕中央显示深绿色半透明圆角胜利面板，绿色文字两行“任务完成！”和“你赢了！”，下方有绿色按钮“再玩一次”，点击后重新开始。不要加入生命、分数、武器、敌人、资源、倒计时或额外任务；胜利条件只有完成这五个指定任务。保持 UI 和场景的极简、低细节、深色太空船界面风格。