复刻 Fable 5 发布时刷屏的 9 个作品——每个都是一个独立 HTML 文件，双击即开，无需构建。 You press the button, we do the rest.
可自由游览的 3D 峡谷：花岗岩巨壁、程序化森林、悬崖瀑布、黎明到黑夜五个时段。WASD 飞行漫游。
Three.js · 程序化生成 02 🌊无限延伸的新哥特式塔楼之城，部分淹没在风暴之洋。纯 Fragment Shader 光线步进，附一颗「让它更好」按钮。
GLSL · Raymarching 03 🖌️日本传统墨流艺术：点击滴墨成环，拖动搅出大理石纹理。经典数学 marbling 算法，可导出作品。
Canvas · 流体美学 04 🐟点一下，鱼食撒下去，金鱼摆着尾巴游过来吃。49 万人看过的那种朴素快乐。
Canvas · 群体行为 05 ⚽拖拽射门，重力、空气阻力、马格努斯旋转弧线全都有。一句「踢得更快」被翻译成力量、角度和摩擦系数。
物理模拟 · 63 万播放原作 06 🤸拖住任意部位甩起来，整具身体做出真实反应。Verlet 积分 + 关节角度约束，认真调过「重量感」。
Verlet · 关节约束 07 ✈️「波音747基准测试」：程序化建模的 747，从跑道滑跑、拉起、爬升。油门、俯仰、滚转、偏航全套。
Three.js · 飞行模型 08 🏡功能性建筑：鞍形咬合的原木墙角、石砌烟囱、椽条屋顶——一栋真的能盖出来的木屋，立在林间空地上。
Three.js · 功能性建筑 09 💧水珠在玻璃上流动、变形、融合。纯 CSS，没有 JavaScript，没有 WebGL。写过前端的自己体会。
纯 CSS · 零 JS继续复刻 Fable 5 发布周的代表作：官方的第一性原理太阳系、一句话 CS、古罗马 Minecraft、GTA2、两句话赛车、黑洞、手指恐龙。仍然是每个一个 HTML 文件。
只给牛顿 F=Gm₁m₂/r² 和 J2000 初始条件，未来日食日期由数值积分自行涌现：2025-28 年 8 次日食全中，最大偏差 0.2 小时。
N 体积分 · 官方 demo 复刻 11 🔫5v5 歼灭战：买枪经济、AK/沙鹰/USP、爆头判定、回合制先胜 8 局。队友和敌人都是寻路 bot，音效全部 WebAudio 合成。
Three.js · FPS 12 🏛️黄昏下的帝国之城：城墙、神庙、斗兽场、集市，12 个会巡逻聊天的 NPC。可挖可建可飞,分块合面渲染。
体素 · 程序化城市 13 🚓俯视角城市：随手偷车、手刹漂移、五星通缉、警察围捕、限时快递任务。引擎和警笛都是振荡器现场合成。
Canvas 2D · 开放城市 14 🏎️霓虹落日下的三圈争锋：发夹弯、S 弯、漂移刹痕、橡皮筋 AI、合成器背景乐。原版只用了两句话的提示词。
Three.js · 街机手感 15 🕳️史瓦西黑洞光线步进：光子环、远侧吸积盘弯上天、多普勒增亮、爱因斯坦环。《星际穿越》同款,零依赖。
GLSL · 广义相对论近似 16 🦖抬起食指越线就跳、压低就蹲——摄像头手势玩恐龙跑酷。没摄像头也能玩,自动退回键盘模式。
MediaPipe · 手势输入机械、系统、流体、城市——把还没覆盖的品类一次补齐。依然是每个一个 HTML 文件，双击即开。
机械表的心脏:游丝呼吸、叉瓦锁定、擒纵轮冲击,25µs 步长真实物理,日差调校到 0.0 秒/天。发条上太满还会「敲摆」。
扭振物理 · 钟表基准 18 🖥️单文件操作系统:窗口管理、Dock 放大、九个真能用的应用——终端和访达共享同一个虚拟文件系统,画板存的图预览能打开。
窗口系统 · 零依赖 19 ⛏️正统版:无限地形流式加载、三种群系、昼夜火把、工作台合成、羊猪掉落、存档持久化。石头必须木镐才挖得动。
无限体素 · 合成建造 20 🌀GPU 实时流体:半拉格朗日平流 + 24 轮 Jacobi 压力求解 + 涡度补偿。彩墨/烟/墨池三种质感,拖一笔满屏涡卷。
Stable Fluids · WebGL 21 🐙凭记忆复刻仓库页:Code/Issues/PR 全部真能点,⌘K 命令面板、diff 视图、深浅主题。仓库内容就是本项目自己。
UI 复刻 · 全客户端 22 🛋️莫妮卡的 20 号公寓:紫墙、门上黄相框、绿柜秘密储物间。第一人称走动 + 俯瞰剖面,8 个剧集彩蛋热点等你找。
Three.js · 场景复原 23 🌃夜景数据大屏:400 栋楼负荷热力、告警点击飞行定位、24h 曲线。所有数据是时间的纯函数,拖到任何时刻都可复现。
数据可视化 · 大屏 24 🚇上海地铁 1/2/4/10 号线,117 个真实站名。高峰 3.5 分钟一班,点站查下一班倒计时——由真实模拟列车位置算出。
真实线网 · 班次模拟 25 🪴一个自主照料植物的 agent:每小时观测决策,浇水开灯剪枝都有理由。关掉页面它继续养,回来给你补一份汇报。
自主代理 · 持久模拟 26 🏮重庆主题像素平台跳跃:吊脚楼蹬墙、索道缆车、辣椒串陷阱、江雾追杀。全部像素画开机时程序化生成。
像素艺术 · 手感三件套复刻浪潮里的美国名场面:让 Karpathy 惊叹的水下曼哈顿、官方风格的登月与回收、真实 DEM 的黄石。依然一个 HTML 一个世界。
整座沉没之岛:59 点真实海岸线、百老汇斜切路网、帝国/克莱斯勒/世贸尖顶,上帝光柱与鱼群穿行其间。潜航自由探索。
1600 行名场面复刻 28 🏃曼哈顿黄金时刻的天台跑酷:抓沿翻越、蹬墙跑、滑铲穿管、吊车横越。26 个缺口全部经过跳跃距离审计。
第一人称跑酷 29 🌆布鲁克林高地望向曼哈顿的活明信片:黄昏到黎明,城市灯光分区苏醒,帝国大厦楼顶整点换色。快门键存图。
电影运镜 · 纯氛围 30 🐻阿拉斯加名场面:红鲑鱼排队跃瀑,棕熊守在瀑口捕食,大熊抢机位、小熊学咬合。像自然纪录片一样看。
动物行为模拟 31 🚇1/A/L/7 线真实站名,A 线快车真实跳站,24 小时运营(夜间 20 分钟一班)。MTA 圆徽章审美。
真实线网 · 快慢车 32 🌙真实 LM 参数手动落月:DPS 节流死区、巨石区逼你学阿姆斯特朗延伸下游。自动驾驶落地剩 45 秒燃料——与史实一致。
真实参数 · 物理校验 33 🚀自杀式点火:最低油门推重比也大于 1,没有悬停这回事。栅格翼、着陆腿、海况摇晃,真实档触地极限 6 m/s。
Hoverslam · 物理校验 34 🛣️芝加哥到圣塔莫尼卡 3940 公里:八州风景渐变、霓虹汽车旅馆、凯迪拉克牧场,四个合成电台陪你开夜车。
公路氛围 · 合成电台 35 ♨️Copernicus 真实高程:黄石湖面采样分毫不差的 2357 米,老忠实按周期喷发(带倒计时),大棱镜彩环、下瀑布水线。
真实卫星 DEM · 路线A同一套「活明信片」架构换一座城：实例化窗格、镜像水面、时段剧场与电影运镜，长出完全不同的城市性格。以及——一局回到 2005 的 flash 拳脚。
波斯湾望向迪拜:哈利法塔夜间 LED 扫光秀、帆船酒店变色幕墙、90° 扭转的卡延塔、迪拜喷泉按时起舞。沙尘一键降临。
电影运镜 · 纯氛围 37 👊2005 年 Newgrounds 名作复刻:紫帽衫恶童横扫公园五区,轻重拳连段、上勾挑空、抓摔投掷、hitstop 打击感,直到大树下的恶霸 BOSS。全程序化绘制,支持触屏。
Canvas 清版动作 · 零依赖 38 🔫Andy Law 名作复刻:格斗⇄拔枪双状态、自动抓取扔人、减血绝招、对话过场,五关打到坦克机器人与军火基地逃脱。原作秘籍 I love Andy Law 照常可用。
射击格斗 · 秘籍彩蛋 39 🐟致敬《狂飙》的经营模拟:从旧厂街鱼摊做到强盛集团,权衡资金/势力/人脉,而「安警官」的调查进度是悬顶之剑——帝国终究要塌。化名虚构、扫黑警示,五种结局,唯一好结局是趁早金盆洗手。
回合经营 · 五结局 40 🏮可通关的 3D 剧情世界:黄昏商店街入夜、屏息过桥、契约夺名、河神洗澡、海上电车归途。入母屋/唐破风/千鸟破风拼出的油屋夜景,九幕主线全可玩。非官方粉丝致敬。
Three.js RPG · 日式建筑 41 🧱不是假物理:Rapier 刚体引擎驱动的沙盒。真·稳定堆叠的叠叠乐、有球窝铰链会瘫软的布娃娃、成排推倒的多米诺,拖住任意物体甩出去、一键爆炸四散。Three.js 渲染,自带撞击音效。
Rapier · 刚体物理 42 🏰拉满弹弓轰塌真实堆叠的城堡:木梁断撑、石块滚落、TNT 连环爆、摆锤荡向高台,每次坍塌都不一样。十六关手工城堡 + 三星评价,致敬 flash 时代的 Crush the Castle。
Rapier · 结构坍塌 43 🕹️挡板是真·马达铰链关节,每次弹射都是求解器算出来的。弹射器蓄力、三保险杆连击加倍、轻推台面三次就 TILT——街机的老规矩全在。
Rapier · 马达关节 44 🌉木梁钢梁造桥,让卡车活着过去。梁应力绿→黄→红实时着色,超限当场断裂;平铺路面必塌、三角桁架才稳——用物理教你结构力学。五关预算评星,卡关可开 📐 参考蓝图照着搭。
Rapier · 应力断裂 45 ⛳十八洞真物理果岭:球洞是真实凹陷,慢球滚进快球唇弹全靠涌现;风车拍球、侧风吹偏、浮岛摆渡、扫杆守门。带前九/后九记分卡,总 Par 58。
Rapier · 真实果岭 46 🖍️在纸上随手画:闭合涂鸦变实心块、随手一笔成木板、小圆圈是图钉转轴——画什么都立刻掉进真实物理世界。十关谜题:架桥、跷跷板、钟摆重锤、投石机、多米诺,把小球送到星星那里。
Rapier · 笔画成物 47 ⛷️在四姑娘山的真实卫星地形上滑降:极限道从幺妹峰北壁 5612m 出发,真实落差 2084 米。刻滑、俯冲、飞跳台、旗门计时,摔了翻滚回检查点。三条雪道 + 金银铜奖牌。
真实 DEM · Rapier 48 🍉摄像头识别指尖当刀,隔空挥手切水果——果肉飞溅、汁液挂屏、三连斩加分,切到炸弹全屏白闪。体感/鼠标双模式,经典三命或 90 秒禅模式。
MediaPipe · 体感 49 🥕守住会被一口口啃掉的萝卜:五种塔三级升级、六种怪 + 每图 Boss,草地/沙漠/雪原三张图各十二波,通关解锁无尽模式。数值经 bot 三重验证:会玩能三星,躺平两波死。
Canvas · 塔防 50 🍉樱桃到大西瓜十一级合成塔:同级相碰即合体,连锁 combo 翻倍,双西瓜同屏放烟花。呆萌脸水果 + 国风描金罐,真物理堆叠,越线即终局。
Rapier · 合成 51 🃏修仙卡牌爬塔:三十六张剑诀/心法/符箓,剑修体修丹修三流派,法宝丹药奇遇,三层分叉地图三尊机制 Boss。平衡由 bot 五百局全程模拟把关——胜率 21%,难而可胜。
卡牌 · Roguelike 52 🔥一个键盘俩人玩:炎子走岩浆、冰珠渡寒潭、毒沼谁碰谁死。压力板互开门、推箱压板、浮台摆渡,八关协作解谜,拉上朋友才是完整体。
双人同屏 · 协作 53 🗼二十一层确定性战斗:伤害全靠攻防差计算,零随机。怪物手册实时告诉你这一架掉多少血,钥匙和血瓶步步是账——塔经数学证明有解:参考路线通关剩血 21.6%,乱打会走死。
策略 · 资源规划 54 🪂从相公山起飞,贴着漓江水面穿金环,乘热气流爬回喀斯特峰顶——变奏蜂鸣是滑翔的灵魂。真实卫星地形 1:1,两条画廊竞速线 + 自由飞,高环不借热气流就够不着。
真实 DEM · 滑翔 55 🐠三消教科书的完整复刻:激流鱼清行列、河豚双重爆、彩虹珍珠消全色,六组特效组合矩阵一格不少;海草冰块墨潮逐级登场,二十关从浅滩潜到深渊。每关难度经 bot 两百局模拟落带,无死关。
三消 · 组合矩阵 56 🦾摆机械臂、连传送带、串起熔炉冲压组装喷涂质检一条龙,原料流进来、成品送出去交订单。确定性流水线,每关都有验证过的参考蓝图——十二关从单带到全链,越拼越省节拍。
自动化 · 确定性解谜 57 🤖正视图里一台原创人形机器人自主干活:传送带随机送来物件,它伸臂、夹取、搬运、按类丢进料箱,躯干配重、头追目标、伺服微抖全都在。IK 手臂缓动无生硬,双臂模式产能翻倍,展示模式纯看它循环工作。
IK 动画 · 自主分拣不再用噪声造山——每一座山都来自 Copernicus GLO-30（AWS 开放数据，全球 30m，免费无密钥）。
坐标系和边界写在 GeoTIFF 文件头里，定标环节消失；地标坐标取自 OSM 并与 DEM 交叉验证。
换景点 = 换一行参数：make-terrain-data.py <name> <west> <south> <east> <north>
A5 起是路线：徒步线不再手画，而是在 DEM 上跑
Tobler 最小代价路径——线自己沿谷底走、从最低鞍部翻越。锚点全部取自 OSM 实测节点，
再和景区官方口径逐点比对。
云海翻涌，群峰如岛。六万棵黄山松按坡度落位，光明顶 HUD 海拔误差 0.3%。莲花峰 1864.8m。
GLO-30 · 云海 · 8 地标 A2 🏔️四块瓦片拼出 8848.86。黄昏看日照金山，峰顶有急流吹雪，大本营到南坳营地一路标齐。
GLO-30 · 日照金山 · 10 地标 A3 🏜️19 亿年地层按真实层序上色：Kaibab 米白、Coconino 亮带、Supai 赭红、谷底黑色片岩，科罗拉多河蜿蜒其间。
GLO-30 · 地层着色 · 10 地标 A4 🎋漓江河道来自 OSM 306 个实测点，出生点即 20 元人民币取景机位。晨雾穿峰，还有水墨模式。
GLO-30 · 漓江 · 水墨模式 A5 🐉鳌山到拔仙台的「中华龙脊」，全程 63.28km 实测轨迹校验过。云海只露龙脊，事故高发段染红、纪念烛光长明。点「白毛风」，体验夺走最多生命的那种天气。
GLO-30 · 白毛风 · 事故警示层 A6 🏔️蜀山之后。大峰、二峰入门雪山线 + 长穿毕 35.7km 穿越 + 通往幺妹峰南壁与婆缪峰的接近路线。路线由 DEM 最小代价路径沿真实谷底生成，逐点校验官方海拔——纠出官网一处笔误、一处过时高程。技术型岩峰的峰体上不画线，因为 30m DEM 看不见那面墙。
GLO-30 · 五线并行 · 中英双语 A7 🏃四姑娘山海子沟赛道，29K / 44K 双组别。选一个目标完赛时间，派虚拟跑者上赛道，和关门线赛跑——坡度校正配速、补给点关门余量、跟拍视角、完赛/关门结算。它还会告诉你哪个 CP 才是真正卡人的那个。
GLO-30 · 关门线赛跑 · 坡度着色把官方口径、OSM 实测节点和 30m DEM 摆在一起逐点比对，结果不只是画出了线。 以下四条都写在各自页面的「实测校验」档案卡里，附推导过程。
四姑娘山官网写长穿毕 D1 段「3250 米至 665 米」。DEM 校验木骡子实为 3665m——漏字。 同段其余四个海拔与 DEM 的差值都在 2–18m 内。
四姑娘山 · 长穿毕 📐赛道解析里 CP3A「爬升 489m」是净高差（3158+489=3647），而全程「+2154m」是累计爬升。 由往返 2154m 反解，单程累计爬升应约 1800m。
云间花径越野跑 📏自然资源部 2023 年 10 月公布 6247.8m，景区官网仍用旧值 6250m。 本图采用新值；DEM 采样 6041m，低 207m 是 30m 网格削平岩尖所致，非误差。
四姑娘山 · 幺妹峰 🚧30m DEM 把幺妹峰南壁近 1400m 的垂直花岗岩抹成 43° 斜坡。在这种曲面上跑徒步路径， 得到的是「步行者如何绕过岩壁」。所以峰体上不画攀登线，接近路线止于大本营。
边界声明 · 幺妹峰 / 婆缪峰另一侧的校验是反过来的：鳌太线的折线长度 58.31km，
对照两步路一位驴友 2022 年实测走完的 63.28km——短 8%，方向正确（折线切弯、不含之字），营地序列完全一致。
四姑娘山南壁大本营的位置由 DEM 平坦度独立搜出，与 OSM 标注的「大本营」节点相距 35 米。