第一关是经典的地面关卡复刻了 NES 原版 World 1-1 的核心体验像素全手绘马里奥的红帽子、胡子、背带裤栗宝宝的呆萌眼神金币的旋转光泽——全部用 fillRect 一格一格画出来4 帧跑动动画 朝向翻转完整物理系统重力、跳跃、摩擦、踩怪反弹、破砖块、顶问号出蘑菇经典关卡布局212 列字符地图4 根递增管道、两组阶梯、两个坑洞旗杆滑杆 走进城堡通关动画三层视差背景云朵几乎静止0.15×、山丘缓慢左移0.25×、灌木丛明显滚动0.45×营造 2D 纵深感超级玛丽1-2_line.png管道、坑洞、阶梯——每一处都是原版的味道超级玛丽1-3_line.png触碰旗杆滑杆通关走进城堡第二关地下迷宫与传送区第二关是 World 1-2 地下关卡整个画风从蓝天草地切换到蓝色砖块地下世界。这一关的花样可不少地下配色蓝色砖块、蓝色管道、蓝色地面天花板砖块层贯穿全程升降梯三个移动平台需要踩准时机跳跃双层通道上层有金币阵列下层有栗宝宝巡逻Warp Zone 传送区三根管道各自通往不同目的地——第一根回第一关第二根重置第二关第三根直接通关隐藏彩蛋负一世界Minus World选错管道会进入传说中的「-1 关」水下世界低重力漂浮、四只Blooper鱼追踪你、气泡粒子特效致敬原版最著名的 bug超级玛丽2-1_line.png地下关卡蓝色砖块、升降梯、天花板层超级玛丽2-2_line.pngWarp Zone三根管道选对直接通关选错进入负一世界通关路线地下走到最右端出口管道 → 按 ↓ 进入地面段 → 旗杆 → 城堡 → 进入第三关。第三关高空树顶的终极挑战第三关是 World 1-3 高空树顶关卡难度大幅提升无连续地面全程悬浮平台 深渊掉下去就是一条命蘑菇平台经典红色蘑菇造型平台高低错落飞龟Paratroopa绿色乌龟长翅膀正弦曲线弹跳飞行踩一次变普通乌龟再踩变龟壳8 级阶梯终点前的经典上升阶梯致敬原版远景树冠视差双层深绿色树冠滚动营造高空纵深感马里奥3-1_line.png高空树顶平台、蘑菇平台、飞龟——掉下去就是深渊第三关等你来挑战终点有惊喜 AI 原生开发我是怎么做的这三关游戏我没有逐行敲过一行代码。我的开发方式是用自然语言描述需求由 AITRAE IDE生成并迭代实现。比如我会说「World 1-2 地下关卡150 列蓝色砖块配色天花板砖块层贯穿col 128-129 放出口管道按 DOWN 进入地面段」「负一世界水下关卡低重力重力减半、跳跃变上浮、4 只 Blooper 鱼追踪玩家 y 坐标、20 个气泡粒子从底部上升」「飞龟 AIbaseY sin(flyPhase) * amplitude 做正弦弹跳踩一次掉翅膀变普通乌龟再踩变龟壳」AI 就把这些关卡布局、物理参数、敌人 AI、渲染逻辑一次性写对。我负责描述需求、审查代码、反馈调整。技术栈维度 实现渲染 Canvas 2D API全手绘像素框架 React 18 TypeScript代码量 3100 行单文件外部资源 零音效全部 Web Audio 合成关卡 3 关World 1-1 / 1-2 / 1-3敌人 栗宝宝、绿龟、红龟、飞龟、Blooper 鱼彩蛋 Warp Zone 传送、负一世界水下关卡来玩