3D 互动课件工坊
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_5b589a79/yuequeai-3d。
技能介绍
要解决什么问题
课堂里讲「心脏结构」「单摆」「骨骼」或机械原理时,纯 PPT 很难让学生建立空间感;现成 3D 软件又太重,教师也不一定能当场改参数做演示。本技能的目标是把一个教学主题收敛成双击即开的单文件 HTML:Three.js 场景 + 已做好的交互层(标注、爆炸拆解、分步讲解、知识卡、参数实验、课堂问答),而不是从零搭前端。
工作方式
流程强制教学设计先行:先按 references/teaching-design.md 定知识点、parts、讲解 steps、问答与可调 params,再写 lesson.json(schema 见 lesson-spec.md)。建模分两条路:
- 模式 A · 看图重建:有参考图时走 vendor 的 img2threejs 精简管线,再把产出改成
model.js契约(buildModel、userData.partId)。 - 模式 B · 概念建模:无图则手写
model.js,清晰与教学正确性优先,见subject-playbooks.md。
组装用 scripts/assemble_lesson.py(可先 --check);partId 须在 lesson.json 与模型上一致。交付前要做 node 语法检查 与浏览器无头截图(默认视角、标注+拆解、分步高亮等),避免标注错位或部件飞出画面。交互逻辑在 assets/edu-template/lesson-template.html,个性化应改数据与模型,而非重造 UI。
边界与注意
医学/生物类须在交付时提醒 AI 近似、关键结构需教师核对,勿删模板底部免责声明。教室设备弱:三角形预算约 ≤60k、无阴影、单文件走 CDN(要完全离线需本地化 three.module.js)。模式 A 单图看不见的面是推断;模式 B 是教学示意而非科学仿真。纯符号推导等不适合硬做 3D 时,应建议 2D 图示或文字讲解。
使用场景
- 高中生物备课要把「心脏结构」做成可标注、可爆炸拆解的单文件 HTML,教室一体机双击即可演示。
- 物理老师只有「单摆运动」等主题、没有参考图,需要手写示意模型并带分步讲解与参数调节实验。
- 职教或工科讲师凭显微镜、柴油机等参考图走看图重建,再组装分步高亮与课堂问答交互。
- 教研人员按考点拆分 parts 编写 lesson.json 与 model.js,用 assemble 脚本校验 partId 一致后再发给学生自学。
适合人员
- 中学或高校理科教师,要在弱网教室用单文件网页讲清器官、骨骼等空间结构,不愿维护独立 3D 软件。
- 讲授波、电场、分子等抽象概念的物理教师,优先教学示意正确,接受非照片级模型。
- 医学、护理或生物实训课件编辑,需 AI 辅助建模但必须在交付前按考点核对关键结构与表述。
- 熟悉 lesson.json 契约与 assemble 流程的教学设计师,偶尔从参考图生成模型并嵌入标注拆解流程。