一页物理课本插图,被 AI 做成了浏览器里能点、能玩的 3D 互动课。
Techartist 说 Every Joule 是用 Opus 5.5 加 Three.js 做的:书从书架掉下来,旁边 8 个发光的"能量罐"跟着涨落,学生先猜、再看、再亲手点。
看演示👇
作者没公开提示词,原文就自己设计了一套能照抄的中英文提示词,用 Codex 从空文件夹一轮轮跑了一遍,真做出来了。
📖 插图从纸面立起来
黑白素描风的立体书,线稿翻起变成 3D 模型,彩色只留给能量罐,学生不会被花哨渲染带跑
🧠 先预测,再揭晓
"书掉到地上,能量去哪了?"学生往往直觉选"被用光了"。先让他选,落地后掀开 Why 纸片,答案和自己的选择并排对照
📊 画面和数字不穿帮
书的位置、能量条、数字全从一个物理函数算出来:1kg 的书从 1.5 米掉下,势能 14.7 焦,半程正好 7.35+7.35,落地全部变成内能。不这么做,掉帧时书都落地了,能量罐还停在半空
🎬 五个镜头的演示
热饮特写、电池开壳剖面、低机位看书下落,一共 15.5 秒;看完发现数还是 0/8,得学生亲手去点
✏️ 老师能现场调参数
教师抽屉里改质量、高度,g 取 9.8 还是 10,整套重算:2kg 从 2 米掉下、g 取 10,就是 40 焦
说人话就是:别指望一句话让 AI 吐出一整堂课,每轮只做一件事,验收过了再发下一轮。4 轮做出落体实验,再加 2 轮补齐 8 类储能探索和运镜。
原文附了全部提示词、每轮验收点和踩坑修法,还有在线版和源码包。
如果让 AI 给你做一堂互动课,你最想做哪一节?
完整解读放评论区了👇 http://t.cn/AXjItsl7
发布于 美国
