输入主题，自动生成 3D 交互教学网页

一、它是什么

AetherViz Master（andyhuo520/aetherviz-master）是一个 AI 驱动的互动教育可视化工具。核心能力：把抽象的教学概念转化为生动、直观的 3D 交互式网页。

• 输入"牛顿第二定律"→ 自动生成 3D 小球运动模拟
• 输入"三角函数"→ 自动生成可交互的函数波形图
• 输入"DNA 结构"→ 自动生成 3D 双螺旋

无需编程基础，生成的 HTML 直接可用。

二、五个核心能力

1. 3D 可视化引擎

基于 Three.js r134 的专业级 3D 场景：物理模拟、粒子系统、矢量箭头。OrbitControls 支持鼠标拖拽旋转、滚轮缩放，触控设备也支持（触摸旋转、双指缩放）。

2. SVG 增强渲染

在 3D 场景上叠加 SVG 2D 图表：函数图像、坐标系、流程图。3D 和 2D 坐标实时同步。

3. 智能自动识别

你不用指定"用 3D 还是 2D"，它自己判断。 物理运动类用 3D，函数类用 SVG，化学反应类用混合模式。

4. 完整教学功能

每个生成的页面自带：

• 学习目标（可勾选追踪进度）
• KaTeX 数学公式实时渲染
• 原理讲解（生动比喻，高中-大学水平）
• 可折叠小测验（学完测一下）
• 播放/暂停/单步/速度控制（滑块调速度、单步演示）

5. 现代化 UI

玻璃拟态风格 + 赛博教育风 + 霓虹强调色。响应式布局适配桌面/平板/手机。

三、怎么用

方法一：通过 Claude Code 使用（推荐）

# 1. 启动 Claude Code，打开项目目录
cd aetherviz-master
claude

# 2. 告诉 Claude 你的需求
> 帮我生成一个关于"光的折射"的 3D 交互教学页面

# 3. Claude 读 SKILL.md，按规范生成
# → 自动选择渲染方案（光的折射=混合模式）
# → 生成完整 HTML 文件
# → 浏览器打开即可

方法二：本地直接运行

git clone https://github.com/andyhuo520/aetherviz-master.git
cd aetherviz-master
python -m http.server 8080
# 访问 http://localhost:8080

四、覆盖的学科

五、谁该用

强烈推荐，如果你：

• 是老师想把课讲得更直观、更有说服力
• 是学生想把知识点"立体化"理解
• 做教育内容创作（在线课程/教程）
• 用 Claude Code / Trae 等 AI 编程工具
• 教物理/化学/生物/数学等有抽象概念的科目

六、小结

一句话：AetherViz Master 是 AI 驱动的教育可视化工具：输入主题自动生成 3D 交互教学网页，覆盖物理/化学/生物/数学/天文/编程，浏览器打开直接上课。MIT 开源。

如果你做教育相关的事，这个工具值得收藏。

仓库地址：andyhuo520/aetherviz-master，MIT 协议，当前 1494 星。