54 节高中理科课件,0.9MB 一节:Claude 把看不见的实验变成能亲手操作的网页
- 2026-11-07 05:44:10
铜匠实验室 · lab.tongjiang.app
2026.10.30
看不见的东西，
做成了能拨的
五十四节高中理科课，一节一个网页，全部开源。整包 0.9 MB，U 盘都装得下。
54
节课件
4
理科科目
0.9
MB / 节
0
元订阅
图 1两种课件差在哪：同样对着人教版 2019 目录，铜匠式把「看」换成了「拨」。
01
一门课，九个台阶
上课铃响，投影亮起来。老师把温度滑杆从 293 推到 373，屏幕上那团黑点的轨迹一下撒开，后排有人「哦」了一声。
这一幕在课上做不出来。布朗运动写在《选择性必修 3》第一章第一节，配一张显微照片、两行解释。真做实验，得盯着显微镜等好几分钟，才看见微粒挪动一点点。
网名叫「铜匠十点睡觉」的人，把这件做不出来的事做了 54 遍。
物理 10 节、化学 25 节、生物 5 节、地理 14 节，一节一个网页，对着人教版 2019 的目录排。整包开源，理由只有一句：订阅的单子太零散，索性全放出来。
图 2四科课数。作者说做完了 55 门，还有一节没放出来。
实机截取：化学 25 · 地理 14 · 物理 10 · 生物 5 节课程目录（lab.tongjiang.app，2026-10-30）。上方进度条即各科的课数。
打开布朗运动这一节，屏幕分三块：左边步骤和解说，中间 3D 场景，右边一台中控台。
图 3第 1 步「看它在动」。中控台四个滑杆：温度、微粒半径、记录次数、观察时间。
标题下面写着一行小字：「看不见的分子，凭什么说它在乱动」。整节课就围着这一句转。
图 4九步。前八步建概念，第九步是考核。
第九步带目标值：把均方位移调到 2000 μm² 以上，保持 12 秒，进度条才变绿。做没做到，学生自己看得见，不用等老师批。
第 3 步是全课最抓人的地方。把记录次数从 4 调到 10，方格纸上自动画出轨迹：净位移只有 16.50 μm，实际走过的路却有 64.8 μm。
图 5两个长度摆在一起，随机这件事就不用再解释了。
NOTE
课本上的布朗运动，难点从来不是定义，是「凭什么说」。这一节把「凭什么」拆成九步，每一步只让你多做一件事。
第 5 步更狠。温度推到 373 K，均方位移从 512.3 μm² 跳到 2346.6 μm²，轨迹跟着变大。同一个粒子，同一台仪器，只改了一个条件。
图 6只动温度这一个滑杆，结果差 4.6 倍。
02
换一门课，还是一样能拨
化学那边的做法一样：一个场景，一台中控台，一条步骤线。
图 7强酸强碱滴定。台上是真实的装置：滴定管、锥形瓶、磁力搅拌器。
右下角那块中控台会实时算给你看。下面这 3 秒，是实机拖滑杆录的，不是示意图。
图 8从 0 滴到 40 mL：pH 从 13.02 掉到 1.56，判断从「未到终点」变「已到终点」，再到「已过量」。
电解那节也一样。时间轴一推，产物自己往上长。
图 9电解氯化铜溶液。阴极析出铜、阳极放出氯气，两边同时计数。
图 10时间从 0 走到 1800 秒：铜从 0 长到 116.6 mg，氯气从 0 长到 45.7 mL。
物理和生物那边还有几节，顺手放两张：
图 11左：氨的制备与喷泉实验，第 6 步。右：球棍模型，转盘可以拖。
图 12光电效应。台上是一整套实验台，右下角那条 I–U 曲线是现算的。
它没把实验室美化成一段干净动画。翻纸、挡光片、接线，该有的都在，因为这几步本身就是考点。
03
一个人怎么干完五十四节
原文标题说，这套课件是用 Claude 做的。仓库里没提这件事，作者只留了 54 个 HTML 和一份 catalog.json。
但结构露了底：每一节都是同一个骨架，三维场景、左侧步骤、右侧中控台、九步流程、最后一步考核。骨架写一次，剩下的是换场景、换公式、换参数。
这活靠写代码完成，不用建模软件。所以它轻：一节 0.9 MB，没有贴图仓库，没有视频文件，几何体是代码搭的，材质是参数化的。整包 54 节，U 盘都装得下。
仓库 10 月 28 日建，两天 1,077 颗星、295 个 fork。
一节 = 一个场景 + 一条九步线
+ 一台能拨的中控台
+ 一个带目标值的考核
// 3D 场景由参数生成，不靠建模软件
const lab = makeLab({ temp: 293 });
lab.on('slide', v => paint(v));
一节课件就是这三行骨架加一段生成场景的代码。中控台、九步线、考核目标，全由参数拼出来。
它做的不是漂亮的动画，是能拨的装置。
差别在课堂上很明显：动画只能看，装置能拨。老师讲到哪里，就拖到哪里。
04
它已经翻过一次车
发布第二天，有人逐课复算数值，一次提了 8 个科学错误。作者还没在 GitHub 上一条条回。
另外，课件左上角那个目录按钮，在离线版点它会 404：仓库根目录还没放 index.html。
NOTE
这两件事比「54」这个数字更值得看。一个人写 54 节课的代码是快的，一个人把 54 节课的物理量全校一遍是慢的。生成的速度和审校的速度，头一次被摆在同一张桌上。
05
换成国产模型，会怎样
这是很多人看到这条新闻的第一反应：这套东西能不能用国产模型重做一遍，甚至做得更多？
把活拆成四道工序，一道一道看。
图 13四道工序的现状，全部来自公开信息，未复测。
① 写代码。前端生成的盲测榜上，开放权重的头部几乎都是中国模型：Kimi、Qwen、GLM、DeepSeek、MiniMax。据 Web Pulse 对 WebDev Arena 的一次统计，前 18 名里有 17 个是中国模型。这类「单文件网页 + Three.js 场景」的活，正是它们的主场。
② 造 3D 资产。现在这环靠代码建模，仪器都是简化的盒子。腾讯混元 3D 2.1 是开源的，能照照片生成带 PBR 材质的模型：形状 3.3B、贴图 2B，全流程要 29 GB 显存；许可是社区版，不含欧盟、英国、韩国，月活过百万另签。做得出来，代价是显存和协议。
③ 对教材。人教版目录、考纲术语、中文题干，这些国模的语料更近，起手就占便宜。
④ 进校园。这条最现实：开源权重可以私有部署，学生的数据不出内网。对中小学来说，这一条常常比分数重要。
四道里三道不吃亏，一道要看显存和许可。「国模能不能做」这个问题，答案基本是能。
最卡人的是第五道，也是这套课件翻车的地方：审校。模型越会说，越容易编出看起来对的数：16.50 μm 和 64.8 μm 这种数，错一个零，外行看不出来，物理老师一眼就看出来。
尾声 / CODA
最该抄的是那个骨架
这套课件最该抄的是那个骨架：一门课 = 一个场景 + 一条九步线 + 一台能拨的中控台 + 一个带目标值的考核。3D 只是壳。
骨架定死，内容才好批量做；考核带目标值，学生才知道做没做到；参数可调，老师才敢在课堂上临时改条件。
至于那 8 个错误，反而是这套东西最可信的部分：它承认自己会错，还给了你一个「报告错误」的按钮，点一下带着课名去 GitHub 开 Issue。
◇ ◆ ◇
完 · 一格一格
节数、课本对应、九步流程、布朗运动与滴定各步数值取自 lab.tongjiang.app 实机与项目 README；星标与建库时间取自 GitHub（2026-10-30）；8 个科学错误、离线目录 404、作者说法与「用 Claude 制作」的表述出自背景文章。国模部分：WebDev Arena 统计引自 Web Pulse，混元 3D 2.1 的参数量、显存与许可引自其仓库与公开资料。
