AiGGB 使用教程:一句话生成 GeoGebra 教学动图

静态插图讲不清「过程」:单摆怎么摆、斜抛怎么飞、参数滑动时图像如何变形——这些恰恰是数理教学里最需要动的部分。AiGGB(开源,MIT 协议)解决的就是这件事:用自然语言描述,AI 直接在 GeoGebra 画布上生成可拖动、可播放的教学动图,甚至可以把题目拍照发给它,读题、建模、作图一条龙。本篇是从安装到上手的完整教程。

五分钟跑起来

安装与启动

AiGGB 是纯前端项目(React + Vite),不需要后端,本地起一个开发服务器即可:

git clone https://github.com/gmsjy/aiggb
cd aiggb
npm install
npm run dev        # 浏览器打开 http://localhost:5173

配置模型 API

首次启动会自动弹出 API 设置面板。它接受任何 OpenAI 兼容接口,预置了 6 个服务商。国内使用推荐 DeepSeek(直连、快、便宜):

设置项 推荐值
Provider DeepSeek
主力模型 deepseek-v4-pro(复杂动图 / 3D)或 deepseek-v4-flash(日常)
轻量模型(精炼 / 评估) deepseek-v4-flash
视觉模型(题目识别) deepseek-v4-flash-vision-exp
API Key 从 platform.deepseek.com 获取,形如 sk-...

填好后点「测试连接」,通过即保存。Moonshot(Kimi)、智谱 GLM、SiliconFlow、OpenAI、本地 Ollama 都在预置列表里,切换 Provider 改个 Key 就行。

记忆点:API Key 明文存在浏览器 localStorage 里——公共电脑不要用,随时可在设置面板清除。所有会话数据与 Key 是分开存储的,「清除全部会话」不会动到凭据。

两种运行模式

设置面板里可以切换执行模式,面向使用者的区别一句话讲清:

带图片输入的轮次固定走 Agent 构造,与模式开关无关。

拍题出动图:把题目截图变成动图

这是 AiGGB 最适合教学者的功能:把高中数理题拍照或截图发给它,AI 读题后自动设计并构造动图。

三种加图方式

每条消息最多 3 张(同一题的多张图会合并解读),上传前自动等比压缩到最长边 1280px。

前置配置:视觉模型

题目识别由视觉模型完成(设置 → 高级 → 角色专用模型),需要选一个支持图片输入的模型:DeepSeek 选 deepseek-v4-flash-vision-exp,智谱选 glm-4.5v,SiliconFlow 选 Qwen2.5-VL-72B,OpenAI 选 gpt-4o,本地 Ollama 选 qwen2.5vl:7b。留空则跟随主力模型(此时主力必须本身多模态)。

完整流程

  1. 附加题目图片,可附一句补充(如「画出运动过程」);
  2. 视觉模型识别后弹出题目确认气泡:题干转写、已知量、求解目标、图示信息、动画建议——识别有误直接编辑题干改正(比重新识别快),图片不清点「重新识别」;
  3. 确认后 AI 以 Agent 工具循环逐步构造,右侧脚本面板可实时观察;
  4. 构造完成时自动做画布状态核对:画布与题目解读逐项对照,发现偏差自动回喂修正(最多 2 轮);
  5. 结束后附一份满足度评估报告。

降级边界:识别失败但消息里有文字,直接按文字构造;纯图片识别失败会提示去配置视觉模型;3D 题目要先手动切到 3D 模式再发送。

提示词怎么写:说清三要素

AiGGB 把自然语言转译成 GeoGebra 命令——描述越精确,结果越接近预期。每个请求说清三件事:画什么、参数怎么调、要不要动起来。

对照示例:

模糊:画个圆                       明确:画以原点为圆心、半径为 3 的圆
模糊:画个运动的点                 明确:点 P 在单位圆上匀速旋转,角速度用滑块控制
模糊:画个函数                     明确:画 y = sin(kx),k 用滑块从 1 调到 5

确实缺核心参数(如画圆没给半径)AI 会反问;能合理默认的不会追问——圆心默认原点,角速度默认 1 rad/s。

让图像动起来靠四个关键词:自动播放、留轨迹、滑块可调、动画。想控制某个量可调,直接给范围与默认值:

单摆 L = 1 m,初角 30 度,小角近似,摆动留轨迹,右侧同步画摆角-时间曲线
振幅 A 滑块 0.5 到 3,默认 1
斜抛 v0 = 20 m/s,仰角 45 度,t 自动播放

多轮对话里 AI 记得住已创建的对象名,可以持续修改:「把圆改成蓝色虚线」→「加一条从圆心 O 到 P 的半径,染绿」→「P 的轨迹关掉,速度改成 2 倍」。注意修改指令依赖上一轮成功创建的对象——上轮失败了,修改也会失败。

记忆点:两类常见踩坑——v 在 GeoGebra 里是矢量类型,不能当标量滑块(改说「速度大小用滑块默认 5」);大写单字母 A 默认是点类型,当振幅名会跟坐标点冲突(改用 Amp 或加「振幅」前缀描述)。

平面与 3D 模式

默认在二维平面作图。工具栏可切换到 3D 画布,切换会清空当前画布与聊天历史(两者是不同的 GeoGebra 引擎)。在平面模式描述「正方体」,AI 只能画投影;切到 3D 再发同一句话,才是真三维:

正方体边长 3,平面 ACF 截正方体,截面红色高亮
球体半径 3,用平面 z = 1.5 截球,截面橙色高亮
空间向量 u=(2,0,0)、v=(1,2,0),叉乘 w = u x v 用蓝色画出

工具箱、会话与导出

功能 说明
数学 / 物理域 切换 AI 的行为偏好:物理模式自动启用力矢量叠加、 等常量、带单位坐标轴
模板库 数学 / 物理 / 3D 各 4 个场景模板,点卡片即出图,不想写提示词就从这里开始
会话 每轮对话自动保存(含画布快照),刷新不丢;最多 30 个会话,可新建 / 切换 / 重命名
撤销 撤销上一轮 AI 产生的全部命令
导出 .ggb 下载 GeoGebra 原生文件——可在桌面版 GeoGebra 打开继续编辑
截图 导出 PNG,直接插进课件或笔记
token 统计 顶栏实时显示会话累计用量,设置面板有历史图表

课堂演示的实际工作流通常是:模板或一句话出图 → 多轮微调 → 导出 .ggb 留档 + 截图进课件。AiGGB 支持安装为 PWA(Chrome / Edge 地址栏安装图标,iOS 走「添加到主屏幕」),安装后界面可离线打开,AI 调用仍需在线。

和本站结合:给每篇笔记配一幅动图

本站的高中数理笔记几乎每一课都有适合做成动图的对象。三条现成的提示词,直接对应站内文章:

对应《三角函数》:单位圆上点 P 逆时针匀速旋转,画出 P 的纵坐标随角度变化的
正弦曲线生成过程,角速度用滑块控制,留轨迹

对应《机械振动与机械波》:单摆 L = 1 m 初角 30 度,小角近似,摆球留轨迹,
右侧同步画摆角随时间的曲线,周期 T 自动播放

对应《抛体运动》:斜抛 v0 = 20 m/s 仰角 45 度,显示速度矢量分解与轨迹,
t 自动播放,可调仰角滑块 15 到 75 度观察射程变化

生成后用「截图」把关键帧存下来贴进笔记,「导出 .ggb」的文件则留给课堂上的实时演示——静态图讲结构,动图讲过程,两者正好互补。

使用边界

上手清单

一句话收束:AiGGB 把「做教学动图」的成本从「会 GeoGebra 命令」降到「会把题意说清楚」——工具已经把排版、纠错、自检都自动化了,留给使用者的只剩一件事:像给学生讲题一样,把图描述出来。