用 AI 原生开发了两款经典游戏，零资源纯代码，欢迎体验 [特殊字符]

超级玛丽Canvas 2D超级玛丽技术栈Canvas 2D API Web Audio API React 18单文件 1184 行零外部资源。像素风全手绘马里奥的帽子、徽标、胡子、背带裤栗宝宝、金币、火球、旗杆——全部用 fillRect 一个矩形一个矩形画出来4 帧跑动动画 朝向镜像翻转程序化 8-bit 音效用方波振荡器合成经典马里奥 BGM8 种音效跳跃/踩怪/吃币/破砖/火球全部 OscillatorNode 实时生成不依赖任何音频文件完整关卡与物理120 列 ASCII 字符地图、重力跳跃摩擦、移动平台、问号块掉蘑菇/金币、火球发射冷却、3 条命 300 秒倒计时视差滚动云朵 0.3 倍、山丘 0.5 倍营造 2D 纵深操作← → 移动Space 跳跃X 发火球到达旗杆通关️ 山海逃亡Three.js 3D神庙逃亡2技术栈React Three Fiber Three.js Web Audio单文件 1663 行仅 1 个 GLB 模型。你闯入了古老的森林惊醒了沉睡的饕餮——山海经原创主题青铜鼎做障碍、饕餮做追兵朱砂红 青铜金 五声音阶音效开局就是浓浓东方韵味程序化纹理零图片自实现 fBm 值噪声用 Sobel 算子从 heightmap 推算树皮和道路的法线贴图草地用双层噪声混合Lightformer 替代 HDRI用 drei 的 Lightformer 程序化搭建环境光零网络依赖离线可用InstancedMesh 1500 株草地单 draw call 渲染 1500 片草叶每株独立相位随风摆动随玩家前进而循环回收曲线赛道数学路径由直道/弯道/坡道随机拼接pathToWorld 将沿路径距离 车道偏移映射为 3D 世界坐标实现无尽跑酷饕餮追逐机制撞障碍缩短追兵距离安全跑动拉开距离距离过近时屏幕边缘红色脉冲危险晕染三类障碍三种应对石头跳跃、枯木滑铲、青铜鼎变道道具系统金币含稀有紫色、加速块、氮气桶localStorage 存最佳记录操作← → 变道↑ 跳跃↓ 滑铲Q 释放氮气技术栈一览维度 超级玛丽 山海逃亡渲染 Canvas 2D 手绘 Three.js / R3F 3D代码量 1184 行 1663 行外部资源 零 仅 1 个 GLB 模型音效 Web Audio 8-bit 方波 Web Audio 五声音阶关卡 ASCII 字符地图 程序化无尽曲线主题 经典复刻 山海经原创