花五分钟看完,后面能省你几十个小时
这份教程是我自己写的,不绕弯子。里面讲清楚三件事:这个网站到底能做什么、每类动画该怎么提要求、以及它背后是怎么跑起来的。你要是赶时间,只读「十个工坊」和「每个工坊怎么用」两节也够用。
1先说这是什么
做一段能拿得出手的数学动画,正常流程是:装环境、查 Manim 文档、写场景代码、调坐标、渲染、发现某行字压住了公式、改、再渲染……一条三分钟的视频,两三个小时起步,还常常卡在一些莫名其妙的地方。
我做这个网站,就是想把这一整套活儿接管掉。你只需要说清楚"想看到什么",剩下的写代码、跑渲染、检查画面、导出视频,全交给它。
底层是 Manim——就是 3Blue1Brown 做视频用的那套动画引擎,所以出片的质感是那个路子,不是套模板剪出来的。外面包了一层 AI,它替你写 Manim 代码,写完直接丢进沙箱渲染成 mp4。
而且早就不止数学了。现在有十个工坊:物理、化学、3D、手绘、雷达图这些出视频的;HTML 交互、答疑讲义这种出文件的;AI 配图和考研政治答疑这种几秒钟出结果的。每种给 AI 提要求的方式都不一样,下一节挨个讲。
所以它适合谁?大致三类人:
- 老师——把讲不清的抽象过程做成能反复播的动画,学生课后自己看。
- 做课件的——需要教学片段、需要改、需要批量出,不想每次都从零写代码。
- 想讲清楚一件事的人——内容都在脑子里,就是不擅长动画软件。
2十个工坊,各管一段
登录之后是创作中心,十个入口。它们不是同一种东西的十个皮肤,而是十套不同的生成流程——用的模型、系统提示、渲染方式、画面风格都不一样。选错工坊,出来的东西会差很远,所以这一节值得认真看。
| 工坊 | 什么时候选它 | 出来的东西 |
|---|---|---|
| 数学 | 讲一道题、推一个结论、画函数图像;有题目照片也能直接传 | mp4,公式是真正的 LaTeX 排版 |
| 物理 | 运动学、碰撞、单摆、电场磁场——凡是"该按物理规律动"的 | mp4,轨迹是真算出来的 |
| 手绘 | 想要粉笔 / 钢笔那种手写的味道,或者有现成速写图要临摹 | mp4,米白纸面 + 逐笔生长 |
| 雷达 | 要展示多维对比、能力画像、多组数据的变化过程 | mp4,深空霓虹雷达图 |
| HTML | 要给学生自己动手玩的:拖滑块改参数、实时看效果 | 单文件 html,可离线打开 |
| 化学 | 讲反应机理、分子结构——要让原子真的"拆开再拼上"的 | mp4,球棍模型原子级拼合 |
| 3D 曲面 | 三维函数曲面、空间几何体,平面图画不出来的 | mp4,镜头绕着转的三维场景 |
| 答疑讲义 | 要一份能打印、能发群里的解题过程或知识点总结 | PDF,LaTeX 真排版,可选 Markdown |
| AI 配图 | 给课件、海报、封面配插画,不需要图里有字的 | png,几秒出图,四种尺寸 |
| 政治答疑 | 考研政治的题不会做、概念搞混了,想找人问 | 聊天回答 + 关系图,说一声就出 PDF |
3你按下"生成"之后,发生了什么
这一步其实不太需要你知道,但知道之后有几个好处:你能理解它为什么有时快有时慢、报错为出现在哪一环、以及为什么有时候视频里会突然多出一行你没要求的字。
逐个说一下,因为每一步都藏着一点"你可能会困惑"的地方:
- 你描述。写中文就行,不用懂 Manim。写清"要看到什么变化",比写"帮我做个动画"有用一百倍。
- AI 写代码。它写的是真正的 Manim 场景代码:几何、坐标、公式、动画时序,全是代码控制的。中文一律走中文字体,公式一律走 LaTeX——这两条是硬规则,所以不会出现"公式是贴图"那种廉价感。
- 沙箱渲染。每个任务单独开一个 Docker 容器,里面装着完整的 Manim 环境。跑坏了只影响它自己,不会污染别人。这也是为什么它能同时跑好几个任务。
- 画面复核。渲染完之后,系统会从视频里抽几帧,交给会看图的模型检查:有没有文字压在一起、有没有东西被裁到画面外、有没有黑屏或者乱码。发现确定性缺陷就在原代码上小修一次、重渲一轮。这一步能挡掉大部分"能播但没法看"的片子。
- 出片。视频出来可以直接在页面里播放,也可以下载。注意它有保留期限,见下面第 7 节。
4每个工坊具体怎么用
通用的那部分先说清楚,出视频的几个工坊都一样:进去 → 写需求(或传图)→ 选画质 → 点生成 → 等 → 下载。差异在"怎么写需求"上,所以下面重点讲这个。
数学动画
/math最常用的一个。两种进法:直接打字,或者传题目照片——传图之后它会先把题目和答案抄成文字给你看,你可以改,改完再生成。抄题和讲解是分开的两段,这一点很实用:抄错了当场改,不用重来。
怎么写需求:说清"讲哪一步"。比如"用矩形分割逼近 y=x² 在 [0,1] 的面积,n 从 4 增加到 64,最后显示极限是 1/3"——这句话里包含了对象、方法、参数变化、结论,AI 就能把整条推导铺开。反过来,"讲一下积分"这种就太虚,它会自己编一个给你。
可选项:画质三档(720p 更快 / 1080p 30帧 / 1080p 60帧);需要旁白就勾「🎙 配音解说」,不勾就没有声音。默认不配音——省时间。
物理动画
/math?mode=physics从创作中心点「物理动画」进去,会自动勾上「⚛ 物理」开关。这个开关不是装饰:勾上之后,运动是由物理引擎算出来的——重力、摩擦、碰撞、约束都是真的,物体该滚就滚、该弹就弹,不会出现"看着像在滑"的假动作。
怎么写需求:给初始条件和参数。"质量 2kg 的滑块从高 3m 的斜面滑下,斜面倾角 30°,摩擦系数 0.2,滑到水平传送带上,传送带以 4m/s 向右运动,求滑块多久和传送带同速"——条件给全,画面和数值都能对上。如果只写"做个传送带",它会自己假设一堆参数,最后数对不上。
题目图片同样可以传。物理引擎和手绘效果是互斥的,别同时开。
逐笔手绘动画
/draw独立页面,米白纸面那种风格。两个玩法:一句话让它自己画,或者传一张速写图让它照着描——后者是临摹,笔顺和走势会贴着你的原图走。
它的原理是从图形里提取线条,再按笔顺一点点"长"出来,所以看着像有人真的在写。代价是慢:线条越多越慢,复杂图能跑到十几分钟。所以画质默认给的是 720p,就是为了先快出来看看效果,满意再切 1080p 重渲。
注意:它的视频只保留 1 天(比其他工坊短),出来记得马上下载。
雷达图动画
/radar专门做多维数据可视化:能力画像、产品对比、指标变化。深空霓虹的路子,六种风格可选(序列变化 / 多组对比 / 越界爆表 / 彩虹 / 报告 / 自动)。
它跟别的工坊最大的不同:你可以直接填数据。在页面里把维度和数值写进去,出来的图就是你那组数的真实比例,不会瞎编。要做"某个指标从低到高一路涨上去"的效果,就填几组不同时刻的数据,让它按序列变形。
不想填数据也行,写一句话描述,它自己编一组合理的。
HTML 交互动画
/html这个工坊出的不是视频,是一个 html 文件。生成完直接在页面里就能预览、能拖、能点——因为它是真的网页,不是录像。
适合什么?学生要自己调参数看的:弹簧振子改劲度系数、单摆改摆长、平抛改初速度,拖一下滑块画面立刻跟着变。这种"能动手"的东西,视频替代不了。
生成结果是单个文件、零外部依赖,下载下来断网也能打开,发给学生直接双击就行。列表里每一行、最近作品、案例详情页都有下载按钮。
默认是亮色主题(投影仪、网页嵌入更合适),要暗色可以切。
化学动画
/chem讲反应过程用它:分子拆成原子、原子重新拼成新分子,全程球棍模型,不是两张图叠一起闪一下。怎么写需求:点名「全程用球棍模型」和「原子级拼合」,再点名副产物也要画出来——比如酯化反应,AI 会把要脱去的原子标黄、让碎片真的飞走拼成水分子,而不是两个分子碰一下就完事。
无机有机都能做;要强调某个基团就说「产物高亮酯基」,要彩色的就提「彩色渐变标题」。
3D 曲面
/threed三维的东西用它:马鞍面、波面、空间几何体,镜头会绕着转,比平面图直观得多。怎么写需求:给清曲面方程和定义域——「画 z = x²−y²,x、y 都取 [−2,2],旋转展示一周」,这样出来的就是完整一圈。要强调某个截面、等高线也直接说。
3D 渲染比 2D 慢,复杂曲面等几分钟正常,别急着取消。
答疑讲义(PDF)
/qa要「能打印、能发群里」的文档用它:AI 写完整解答 → LaTeX 排版 → 出 PDF,公式是真排版出来的,不是截图。怎么写需求:把题目完整贴进去,说明要「详细过程」还是「多种解法对比」;要 Markdown 版就勾上。
「深度思考」默认不勾——快,而且不容易绕进反复验证的死循环。真想要更透彻的再手动勾。
AI 配图
/image给课件、海报、封面配插画。写一句画面描述,3~5 秒出图;方形、横版、竖版任选,竖版能直接当手机壁纸。勾「高质量模式」更精细,但要等约 50 秒。
要知道的:AI 画的图里文字和公式必然是乱码——这不是故障,是这个技术的天花板。所以别让它画「写着一个公式的黑板」,要图里带字的活儿交给别的工坊。每人每天 3 张,在福利页领了注册福利可以再加 10 次。
考研政治答疑
/politics跟其他工坊都不一样:这是个聊天窗口。像问学长一样发一句,或者直接拍一张题目照片,回答会分成几条消息发过来,每条就几行,不用读长段落。
每道题必配一张关系图——选择题的话,图上会标出正确选项,还会把每个干扰项错在哪直接画进去。概念对比、原理展开、史纲时间线各有各的画法。想要打印版就说「出个 PDF」,几秒钟一份一页纸讲义。
可以接着追问:「不懂」「举个例子」「为什么」——它会换角度重新讲,不会复读上一遍。每天 100 条。
5四个能省你大量时间的功能
这四个功能藏得不算深,但第一次用的人基本都会漏掉,而它们恰好是最省时间的部分。
1 案例库:先看别人怎么写的,再一键套用
每个工坊右上角都有「📚 案例库」按钮。里面是已经做好的成品:视频、完整的提示词、数据、生成的代码,全都摊开给你看。你可以点开任何一个,看它当初是怎么描述需求的——这比任何文档都直观。
更实用的是一键套用:点"应用这个案例",会直接跳回对应的工坊,并且把那条提示词自动填好。你只需要改几个数字,就能得到同一套结构、不同内容的片子。
2 改一版:只改一处,不用从头再来
视频出来之后,多半会有一两处不满意——某个字太大、某个箭头位置偏了、某句话想改。以前只能重写整条需求再等一遍,现在不用。
完成面板上有个「改一版」输入框,写清楚要改什么就行:
把标题字号改小一点第三个公式往左挪,别和文字挤在一起结尾多停 1 秒
它的做法是在原代码上做局部修改,不是重新生成一条新的,所以又快又稳——实测十几秒就能出结果,成本也比重新生成低得多。改的时候会把上一版的代码整份带上,所以不会改一处崩一片。
3 随时取消
正在生成的时候,按钮会变成「取消」。点了就真的停——容器直接销毁,后台任务立刻中断。取消不占当天的次数,所以发现提示词写歪了,别硬等,取消重写。
4 画面复核:帮你挡住"能播但没法看"的片子
这个你不用操作,它自动跑。渲染完会抽几帧检查:文字有没有重叠、有没有元素被裁到画外、有没有黑屏或乱码、图和结论有没有自相矛盾。发现问题就在原代码上修一次、重渲一轮。
它只报确定性的毛病,不评判"好不好看"——审美的事还是你自己判断。
6它背后是怎么搭的
如果你只是想用,这节可以跳过。但如果你好奇"一句话怎么变成一个视频",或者想知道为什么某些操作会有几秒钟延迟,看一眼这个结构就明白了。
几个设计上的选择,顺带解释一下:
- 为什么用 Docker 跑渲染?Manim 依赖一大堆系统库(LaTeX、cairo、ffmpeg……),版本还挑剔。塞进容器里,环境是固定的,不会今天能跑明天崩。任务之间也彻底隔离。
- 为什么视频不走应用服务器?视频文件大,让 nginx 直接发效率高得多,还能支持拖动进度条。应用进程只负责逻辑,不干搬运的活。
- 模型为什么要多条线路?生成质量最好的那条不一定最快,最快的不一定稳定。所以配了几条线路自动降级:主力挂了自动换下一条,你这边几乎无感。
7几条必须知道的规矩
| 项目 | 规矩 |
|---|---|
| 保留期 | 视频:手绘 1 天,其他 3 天;AI 配图 3 天;政治答疑的聊天记录和关系图 3 天;答疑讲义 PDF 30 天。到期自动清理,不会通知。要留就当场下载。 |
| 案例库 | 案例视频长期保留,不受上面这条限制。 |
| 物理 + 手绘 | 互斥。手绘要的是笔迹生长,物理要的是引擎真实运动,两套逻辑打架。 |
| 画质 | 720p 最快、1080p30 最常用、1080p60 最顺但渲染时间大约翻倍。手绘默认 720p。 |
| 配音 | 默认关。勾选才有解说,加了配音渲染会慢一些。 |
| 取消 | 不占当天次数,可以放心取消重来。 |
8常见问题
我不会写代码,能用吗?
能,而且这就是它存在的意义。你写的所有内容都是中文大白话,从头到尾不需要碰代码。想进阶的话,每个任务完成后可以点「查看 AI 生成的代码」,看它到底怎么写的——这是学 Manim 最快的方式之一。
为什么有时候出来得很快,有时候很慢?
三件事决定耗时:画面复杂度、画质、要不要配音。简单的两三分钟,复杂推导八到十五分钟,手绘临摹因为要逐笔算笔迹,最慢能到二十多分钟。如果同时有好几个任务在排队,也会慢一些。
出来的动画跟我想要的不一样,怎么办?
先用「改一版」做局部调整,这是最快的路。如果方向就错了,说明提示词没写清楚——去案例库看看同类案例是怎么描述需求的,照着它的结构改一版你的。这比反复试错效率高。
公式为什么不是图片贴上去的?
因为它是 LaTeX 真实排版出来的。系统里有一条硬规则:所有公式必须走 LaTeX 渲染,所有中文必须走中文字体,混排时必须规规矩矩对齐。所以放大不会糊,样式也能跟着整体统一。
HTML 动画能发给学生吗?
能,而且这是它最好的用法。下载下来是一个单独的 html 文件,不依赖网络、不依赖任何外部资源,发过去双击就能打开、能拖滑块。用微信发文件也行。
视频能商用 / 用在课件里吗?
视频是你生成的内容,随你用。默认不带水印,可以直接嵌进课件、传到课程平台。
支持多少人同时用?
页面本身很轻,主要是渲染吃资源。几个人同时用没问题,但如果同时提交很多重型任务,会排队。你可以在任务列表里看到进度。
看到这里,基本上就没有你不知道的了。
接下来最好的学习方式不是继续读,是直接去做一条。