The prompt that made it
as published你负责独立完成一款浏览器小游戏《阳光卡丁车 SUNNY KART》:海边赛道上的伪 3D 卡丁车竞速,玩法借鉴《马力欧卡丁车》,角色、名字和美术全部原创。
【交付】
- 只交付一个自包含文件 sunny-kart.svg,根元素为 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="100%" height="100%" preserveAspectRatio="xMidYMid meet">,窗口缩放时 16:9 画面完整居中。
- 画面、界面、游戏逻辑(内联脚本)和音效全部写在这一个文件里,不引用任何外部图片、字体、脚本或网络资源,浏览器直接打开就能玩。文件必须是合法的 UTF-8 XML。
- 界面文字用中文,标题配英文副标题。音效和背景音乐用 Web Audio 实时合成,第一次按键或点击后开始发声,M 键静音。
- 只借鉴玩法,不使用原作的角色、名字或标志性素材。
【玩法】
- 赛事叫「阳光杯」:玩家驾驶柴犬豆豆,在海边赛道上和 7 位 AI 对手跑 3 圈,按圈数和赛道进度实时排名,前三名登上领奖台。
- 起跑:三盏红灯依次亮起,第三盏亮起时按住油门能获得起步加速,踩得太早会提示“油门踩太早啦”。
- 漂移:转向时按住漂移键,车轮后的火花按蓝、橙、紫三级变亮,按得越久火花越亮,松开时获得对应强度的加速。
- 道具:撞碎赛道上的彩虹道具箱,随机获得一种——火箭冲刺(瞬间冲刺,沙地也不减速)、香蕉皮(丢在身后,踩到的车打滑转圈)、泡泡护盾(挡下一次香蕉皮或弹弹球)、弹弹球(向前弹出,追着前车跑)。AI 对手也会用道具。
- 赛道:压过橙色加速带会冲刺;开到沙地和草地会减速;开反方向时提示“逆行!”;进入最后一圈有提示。
- 8 位原创动物车手:柴犬豆豆、橘猫阿橙、小鸭嘎嘎、青蛙呱呱、企鹅波波、兔子跳跳、小猪噜噜、熊猫团团。
【难度】
- 简单 50cc / 普通 100cc / 困难 150cc,cc 越高车速越快、对手越强。
- 每档用 localStorage 记录最好名次和最佳用时。
【操作】
↑ / W 油门,↓ / S 刹车和倒车,← → / A D 转向,转向时按住 Shift 或空格漂移,X / J 使用道具,P 暂停,H 玩法,M 静音。
【画面】
- 白天海岸,明亮的低多边形伪 3D:公路按分段投影绘制,随弯道和坡度延伸到远处,两侧是红白路肩;路边有椰子树、观众看台、遮阳伞、灯塔和帆船,远景是海面、低多边形远山、太阳、白云和海鸥;起点是棋盘格拱门。
- 从车后视角呈现玩家的卡丁车,转向时车身倾斜,漂移时车轮后冒出彩色火花。
- HUD:左上角是道具槽、“LAP 1/3”圈数和用时;右侧是 8 位车手的实时名次表;左下角是赛道小地图;右下角用大字显示当前名次(如“8th 第8名”);右上角有暂停和静音按钮。
【流程与界面】
- 标题页:棋盘格拱门下的赛道场景配大标题,左边选 cc,右边是“开始比赛”和“玩法”按钮,并显示该难度的最佳成绩。
- 玩法说明:操作、漂移火花、道具图鉴和比赛规则。
- 暂停菜单:继续比赛、重新开始、返回标题。
- 比赛结果:名次表、总时间、★最快圈和最佳纪录;拿到冠军时显示“冠军!阳光杯归你啦!”,可以再来一局。
【验收】
在无头 Chrome 里自动试玩:从标题页开赛,按住油门并转向跑完一段。要求 0 个 JS 报错、0 个 XML 解析错误、帧率不低于 55 fps;在 1280×720 和 1920×1080 两种分辨率下截图,确认画面完整、文字不溢出。
Adds a render step. Works best with the HyperFrames or Remotion skills installed. Free, no sign-up.
Prompt by @OpenVGLab · collected via OpenVGLab/awesome-opus5.5-frontend-showcases. Prompts belong to their creators.