科技 人人都是产品经理 · 虾蛄AI · 5小时前 · AI 生成
用AI做3D交互教学，沉浸式学习有了新的打开方式 作者用 WorkBuddy 和 Kimi 3.1 Pro，通过长提示词复刻海外 3D 互动教材案例，搭建出太阳系模拟器和可开合 3D 物理立体书两个作品。文章完整公开了两段提示词，并记录初版白屏、贴图加载失败、土星环显示错误等问题及修复过程。适合想动手做 AI 互动课件的教师、科普创作者和技术小白，能直接拿到可复制的操作路径。原文 ↗ 原文 ↗
核心观点
▍ 用 AI 生成 3D 互动教学作品的关键是先拿到能打开、能操作的基础版本，再逐步增加画面细节，而不是一次到位。 01 作者用 WorkBuddy 配合 Kimi 3.1 Pro，通过一段包含 React、TypeScript、Three.js、React Three Fiber、Drei 等技术栈的长提示词，搭建出含 24 个天体的太阳系模拟器，支持开普勒轨道、真实/教学两种比例模式、天体信息面板和时间加速。 02 第二个作品是一本可开合、有自动运镜和放大镜功能的 3D 立体物理书，左页为知识点和答案盖板，右页装置可逐步折起，演示小球、弹簧、电池、热水杯四种能量变化。 03 制作过程并非一次成功：初版打开页面一片空白，之后还出现星球表面图片加载失败、部分天体看不到、星空过亮、土星环显示不对等问题，需要逐步指出问题让 AI 修正。 04 AI 制作互动教学作品存在容易被忽略的设计取舍：真实太阳系太辽阔，完全按实际比例显示会让行星小到看不见，所以作品保留教学模式和真实比例模式两种观察方式。 05 GitHub 上出现了帮助 AI 制作互动演示的开源 Skill，其中 Anatomy 已获两万多收藏，擅长把抽象原理画成带零件和运动效果的装置，但完整 3D 功能仍在完善中，并非所有示例都能随意旋转。 反方 / 局限
— 作者明确承认：AI 可以帮忙生成演示，但具体知识仍需要人来把关；刚上手时最好先拿自己懂的内容来试，因为对内容足够了解才能判断 AI 输出是否靠谱。 — 作者提到做复杂作品通常不会在第一次生成时就达到理想效果，完成的复杂度和功能适配更多取决于模型选择，文中使用的 Kimi 3.1 Pro 也遇到限流问题。 19 分钟 · 6 卡片 · 10 资料
读原文 →
概念锚点 Three.js：AI 生成 3D 课件的底层引擎
文章里所有作品——太阳系、立体物理书、潮间带——底层都是 Three.js：场景(Scene)、相机(Camera)、渲染器(Renderer)三件套加上轨道控制器。它把 WebGL 的底层复杂度封装起来，这正是提示词里能直接写『用 Three.js 做一个可开合的书』而不必手写着色器的原因。理解了这三个对象，才知道 AI 生成的代码在哪一层可能出错。
▸ 2 条关联资料
▼
前置背景 提示词写得再细，也会撞上内网白屏
你以为是提示词不够长，其实是运行环境太脆。AI 生成的 Three.js 代码在 MacBook 上跑得好好的，丢到客户现场的 Win7 + Chromium 49 工控机上就贴图全白：GLTFLoader 静默失败、连 error 回调都不触发，因为内网安全策略拦截了 blob: 协议。文章初版的『白屏』和『贴图加载失败』大概率属于同一类环境/路径问题，而非模型不够聪明。
▸ 2 条关联资料
▼
应用场景 3D 课件的真正落点是哪些课堂
Three.js 在教学中真正值钱的不是炫技，而是二维图讲不清的空间关系：力的方向与大小、分子键角与构型、坐标系投影变换。配合 OrbitControls 让学生自由旋转缩放，配上物理引擎模拟碰撞，才是『亲手改变条件看结果』的闭环。反过来说，纯记忆型知识点做 3D 是过度工程——这也是判断一个课件该不该动手做的第一个筛子。
▸ 1 条关联资料
▼
论证骨架 AI 自修正闭环：截图对比才算真验证
作者的核心操作路径是『先拿能跑的基础版，再逐步加细节』，但这条路径成立的前提是能判断改对没改对。img2threejs 把这步做成了机制：每轮生成→浏览器渲染截图→与参考图并排打分→判定是『规格错』还是『代码错』→再改，并用修正上限防止无限烧 token。文章里放大镜『能动但不放大文字』就是典型的规格描述缺一句取样映射——AI 不会自己发现，得靠可见的对比信号逼出来。
▸ 2 条关联资料
▼
争议局限 AI 教学工具的质疑集中在三处
批判者的火力并不在『3D 做得像不像』，而在三件事：思维惰性——学生跳过推导直接拿答案；情感与价值观失能——面向未成年人的 AI 价值观不合规率被测到 28%–50%；资源鸿沟——设备和网络把城乡差距进一步拉开。这三点对『科普创作者自发做课件』影响有限，但一旦这类作品进课堂、成规模，师资培训与硬件不均就会成为真正的瓶颈。
▸ 2 条关联资料
▼
延伸追问 沉浸式课件，会不会把思考也一起外包
现成答案从纸面搬进了可点击的 3D 模型，但『点一下就看到结果』和『自己想出为什么』是两件事。有实验显示仅用 AI 辅助解题 10 分钟，撤掉辅助后放弃率和错误率就明显高于对照组；也有研究测到依赖 ChatGPT 写作的学生脑区连通性更低。3D 互动教材该设计成『先猜再揭晓』（文章里那张可揭开的答案纸片正是这个思路）还是直接给结论，是个还没答案的设计问题。
▸ 1 条关联资料
▼