1. 这个开源神器到底是怎么火起来的这几年只要刷短视频平台大概率刷到过那种丝滑到不行的数学动画复杂的公式推导、抽象的空间几何、微积分的动态变化几分钟就把一个折磨人的概念讲得明明白白。这类视频的开山鼻祖就是 3Blue1Brown频道作者 Grant Sanderson 从 2015 年开始用一套自己写的 Python 动画引擎做数学科普后来他把这套引擎开源了名字就叫 ManimMathematical Animation Engine。Manim 开源之后迅速成为数学可视化领域最热门的项目之一。GitHub 上 ManimCommunity/manim 这个社区维护版本目前已经聚集了上万颗 Star无数 UP 主、老师、科普作者用它产出了大量高质量内容。但问题也很明显Manim 本质上是一个 Python 库要用它做动画你得会写代码。哪怕只是画一条曲线、放一行公式也得先理解 Python 的基础语法、Manim 的对象模型、动画的播放机制这对很多想做科普但不懂编程的人来说门槛实在太高了。所以当“零代码”版本的 Manim 工具开始出现并且能够一键生成 3Blue1Brown 级别的数学动画时这个需求瞬间被引爆。它解决的痛点非常明确让普通人不需要写一行 Python 代码也能通过图形界面、在线平台、或者简单的自然语言描述直接做出专业级的数学科普动画。这篇文章我就结合自己实际折腾 Manim 的经验把从零代码到手写代码的完整路线捋一遍涵盖工具选型、环境搭建、实操案例、常见坑位这几个核心板块争取让你看完就能上手。2. 先把 Manim 和 3Blue1Brown 动画的本质拆明白2.1 3Blue1Brown 动画为什么好看核心秘密在哪3Blue1Brown 的动画之所以封神并不只是因为画面“好看”而是因为它的每一个视觉设计都在服务一个目标降低认知负担。绝大多数数学教学视频是“板书式”的公式写在黑板上老师用粉笔圈圈点点。但 Grant 的做法是用动画把抽象概念变成可视化对象让公式不再是静态符号而是会动、会变形、会生长的实体。具体来说有三个核心设计法则渐进式呈现。哪怕是一个非常长的推导过程动画也会把它拆成极短的信息块每一帧只传达一个信息点观众眼睛始终有聚焦点脑子不会过载。这也是为什么 Manim 动画天然适合做短视频因为它的叙事节奏就是短视频节奏。色彩语义化。用固定的颜色代表固定的数学对象比如某个变量出现的时候永远是同一种颜色观众看到颜色变化就能推断出数据在变不需要额外看公式里字母的变化。同步语音与视觉。视频里画面变化节奏和旁白的讲解节奏严格同步哪里该停顿、哪里该加速都是精心设计过的这种“音画对位”是普通 PPT 录屏完全做不到的。Manim 这套引擎能够完美支撑以上设计因为它的核心概念就是“场景”Scene。每个场景里你可以定义对象、变换、动画所有元素都支持精细的插值和过渡。这种设计让创作者可以把注意力集中在叙事上而不是底层的绘图逻辑。2.2 Manim 生态的核心组件梳理现在提到 Manim其实有两条主要支线很多新手容易搞混版本维护方特点适用场景ManimGL3Blue1Brown 本人维护旧版实时渲染效果最接近原版视频但依赖项多、文档偏少、代码风格偏老追求 3Blue1Brown 原版质感、有编程基础的玩家Manim Community Editionmanimce社区维护目前主流安装简单、文档完善、兼容性好、社区活跃、有大量第三方插件绝大多数用户首选推荐直接用这个另外还有基于 Web 的 manim-online 和 manim.science 等在线版本用浏览器就能跑 Manim 代码免去本地环境配置的麻烦。零代码工具有 Mango原 Manim Editor、Manim Studio 之类的可视化编辑器以及一些基于 AI 大模型的工具用户用自然语言描述动画需求AI 自动生成 Manim 代码。这个生态已经相当成熟了。2.3 零代码解决方案的三种实现路径根据“你到底有多不想碰代码”我把零代码方案分成三个梯度你可以自己对号入座第一梯度纯在线编辑器。打开网站就能用页面本身就是个代码编辑器加渲染器你只需要把别人写好的代码模板粘进去改改数字点运行就能出视频。这其实是“伪零代码”但对完全不懂编程的人来说改数字没有任何心理负担。第二梯度带图形界面的本地工具。典型代表是 Mango它有可视化的时间轴、对象列表、属性面板大部分操作靠鼠标拖拽就能完成。你导入素材或者添加文本、几何图形设置动画类型和参数软件自动生成 Manim 代码并渲染视频。这类工具把编程语言的可视化能力集成到了一起适合不想写代码但想做定制化内容的用户。第三梯度AI 对话式生成。最近的 AI 工具这里泛指大语言模型已经能够准确生成 Manim 代码了。你只要用自然语言描述我想要一个对函数 f(x)x^2 在 x1 处做切线动画的演示AI 直接输出一段完整代码你复制粘贴进 Manim 就能渲染。这个方式我现在用得最多门槛最低效率也最高。我个人认为最靠谱的零代码路线是“第二梯度 第三梯度”组合用 AI 生成基础代码在 GUI 工具里微调参数和布局最后用场景脚本整合。这样既不会完全依赖某个工具又能保持高效。3. 实操第一步环境安装与快速启动这一部分分两种情况讲一种是你愿意折腾本地环境另一种是你想彻底跳过环境配置直接开浏览器干活。3.1 本地安装 Manim 的完整步骤我用的是 Windows 系统后面的命令都以 Windows 为例macOS 和 Linux 上逻辑一致只是个别依赖包的安装命令会不同。安装前先确认你的 Python 版本在 3.9 以上建议直接用 Anaconda 管理环境这样后面装依赖会省心很多。打开命令行依次执行# 创建并激活一个新的 conda 环境避免污染系统 Python conda create -n manim-env python3.11 conda activate manim-env # 安装 Manim 社区版 pip install manim # 安装工具链依赖 pip install pycairo pangoLinux 用户需要额外安装几个系统库最常踩坑的是 Pango 和 Cairo。如果是 Ubuntu/Debiansudo apt update sudo apt install libcairo2-dev libpango1.0-dev ffmpeg texlive-fullmacOS 用户用 Homebrewbrew install cairo pango ffmpeg dvisvgmtexlive-full 是用来渲染 LaTeX 公式的。如果你只需要简单的文本可以暂时不装但一遇到分数、根号、积分符号这种数学公式就会报错。建议一步到位直接装还能用 LaTeX 写各种漂亮的数学符号。ffmpeg 是导出 MP4 时用的视频编码工具必须装。验证是否安装成功在命令行输入manim --version能输出版本号就说明安装成功了。接下来可以做一个最小测试新建一个 Python 文件 test.py写入from manim import * class FirstScene(Scene): def construct(self): circle Circle(colorBLUE) self.play(Create(circle)) self.wait(1)在命令行运行manim render -ql test.py FirstScene参数 -ql 表示低画质渲染生成速度快适合测试。第一次运行 Manim 会初始化一些缓存和配置文件稍微有点慢属正常现象。顺利的话会在 output 文件夹下生成一个 480p 分辨率的 MP4 视频。3.2 一键起步推荐几个开箱即用的在线版本如果你不想在本地装任何东西以下几个在线平台实测可用推荐优先尝试Manim Community Online它是 Manim 社区推出的 Playground浏览器里直接写代码并渲染动画界面简洁自动配置好所有依赖适合快速验证代码。Manim.science比前一个更友好的 WebIDE内置模板和代码补全可以导出视频和 GIF适合新手体验。Google Colab 加 Manim 一键安装脚本搜索 “manim colab”复制安装脚本进代码块运行后你可以在 Colab 里使用 Manim。它比专用平台更灵活因为 Colab 本身就是完整的 Jupyter 环境适合做代码实验。在线的免费版本通常有渲染时间和视频分辨率限制我的经验是变通的思路是先用在线版熟悉代码后面确定要批量产出内容再折腾本地环境。3.3 第一次启动的配置优化技巧Manim 渲染出来的视频默认是 1080p 的如果是第一次测试直接用高画质渲染会非常慢。很多人第一次运行 Manim 等了两分钟没出结果就以为卡死了其实只是在渲染。建议配置文件里全局降低默认分辨率。在用户主目录下找 manim.cfg 文件如果没有就新建一个写入[CLI] quality low [preview] preview_while_rendering true这样每次运行时如果没指定 -q 参数默认就是低画质渲染快很多。等代码调通、动画效果满意后再手动加 -qh 参数渲染高清版。preview 参数开启后渲染结束会自动打开视频预览方便即时查看效果。4. 零代码实战三种方式制作第一个 3Blue1Brown 风格动画4.1 方式一用在线 Playground 画出旋转的曲面我们做一个常见于 3Blue1Brown 视频的动画一个三维曲面比如抛物面 z x^2 y^2旋转展示它的形态。打开 Manim Community Online在代码区粘贴from manim import * class SurfaceExample(ThreeDScene): def construct(self): axes ThreeDAxes(x_range[-3, 3], y_range[-3, 3], z_range[-1, 5]) surface Surface( lambda u, v: np.array([u, v, u**2 v**2]), u_range[-2, 2], v_range[-2, 2], fill_colorBLUE, fill_opacity0.7 ) self.set_camera_orientation(phi70 * DEGREES, theta-45 * DEGREES) self.play(Create(axes), Create(surface)) self.move_camera(theta100 * DEGREES, run_time3) self.wait()点击运行等大约 10 到 30 秒浏览器里就能看到曲面生成后镜头绕着它旋转的效果。这个动画虽然简单但视觉效果已经带点 3Blue1Brown 的味道了。如果你完全看不懂这些代码也没关系重点是你不需要自己写粘贴、运行、点下载视频就导出好了。4.2 方式二用 GUI 工具 Mango 拖拽生成动画Mango 是目前比较成熟的 Manim 可视化编辑器它把对象树、属性面板和时间轴都做成了图形界面。你操作的对象包括文本、圆形、矩形、线条、坐标轴等设置动画效果时在时间轴里把对象拖进去就能看到动画片段。每个操作背后Mango 自动生成对应的 Manim 代码你甚至可以在代码视图里直接修改细节然后一键渲染。用 Mango 做动画的流程大概是打开 Mango新建场景文件。在左侧对象面板拖入 Text输入文字“Dirichlet 函数”。拖入 Circle设置颜色为绿色。在时间轴上把 Text 和 Circle 的创建动画拖到第 0 秒位置。在属性面板微调动画的持续时间和缓动函数。点击渲染按钮生成视频。Mango 对新手非常友好但功能还在更新中复杂的三维场景支持还不够完善。不过对 80% 的二维数学动画它完全够用了。4.3 方式三用 AI 自然语言生成 Manim 代码这是我现在最推崇的方式因为它把“零代码”真正做到了极致。以我常用的做法为例我需要做一个“说明导数的几何意义”的动画就打开任意一个大语言模型平台输入请用 Python 的 Manim 社区版编写一段代码实现如下效果画一个坐标系绘制函数 f(x)x^2 的曲线然后固定点 (1,1)用红色画出该点处的切线随着切点的移动切线也跟着移动最终停留在点 (2,4) 并显示其切线方程。AI 会返回类似这样的代码from manim import * class DerivativeAnimation(Scene): def construct(self): axes Axes(x_range[-1, 4], y_range[-1, 5]) graph axes.plot(lambda x: x**2, colorYELLOW) labels MathTex(yx^2).next_to(graph, UR) tangent1 TangentLine(graph, x1, length2.5, colorRED) tangent2 TangentLine(graph, x2, length3, colorRED) dot1 Dot(axes.coords_to_point(1, 1), colorRED) dot2 Dot(axes.coords_to_point(2, 4), colorRED) self.add(axes, graph, labels) self.add(dot1, tangent1) self.wait(1) self.play( Transform(tangent1, tangent2), Transform(dot1, dot2) ) self.wait(1)你不需要理解 TangentLine 具体怎么实现你只需要把这段代码粘贴到本地 Manim 环境或者在线 Playground运行渲染动画就出来了。如果效果不符合预期把问题描述得更详细一点再让 AI 调整。用这种方式产生一百种不同视频的难度仅仅在于你想法的丰富程度而不是你的编程水平。4.4 经典效果制作渐变出现公式加动态轨迹除了粘贴现成代码你还可以用一套“模板思维”来快速做出各种变体。我最常用的模板是创建坐标系。绘制函数曲线。用 Dot 标记关键点。用 TracedPath 把点的运动轨迹画出来。加数学公式标签。这套模板覆盖了函数动态、参数方程、轨线演示等大部分数学动画场景。举个例子下面的代码可以实现“一个点在圆周上运动同时它的横坐标随时间的轨迹以正弦曲线的方式显现”这也是 3Blue1Brown 视频里常见的正弦函数直觉来源动画from manim import * class SineWaveFromCircle(Scene): def construct(self): axes Axes(x_range[-1, 10], y_range[-2, 2]) circle Circle(radius1, colorBLUE).shift(LEFT * 2) dot Dot(pointcircle.point_from_proportion(0), colorRED) tracker ValueTracker(0) def update_dot(mob): mob.move_to(circle.point_from_proportion(tracker.get_value())) dot.add_updater(update_dot) sin_graph axes.plot( lambda x: np.sin(x), colorYELLOW ) self.add(axes, circle, dot, sin_graph) self.play(tracker.animate.set_value(1), run_time10)初学阶段将这个模板里的函数、轨迹、对象替换成你需要的数学模型就能批量产出看起来“高不可攀”的科普动画。5. 进阶技巧让动画更有 3Blue1Brown 质感如果你已经可以渲染出基础动画接下来要解决的是“质感”问题。3Blue1Brown 的动画之所以一眼能认出来除了内容之外还有几个视觉元素可以借鉴。5.1 字体和色彩的选择Manim 社区版的默认字体跟原版有一些差异。要做出更接近原版的风格核心是两类字体文本类字体和数学公式字体。文本部分可以用 LaTeX 的 Computer Modern 字体数学公式部分用 LaTeX 排版。社区版内置了 LaTeX 支持默认效果已经很接近原版前提是你安装了 texlive。色彩方面3Blue1Brown 的视觉体系偏爱高饱和度的纯色黄、蓝、红、绿用得最多。Manim 内置了一组颜色常量比如 YELLOW、BLUE、RED、GREEN直接用这些就能保证整体配色跟原版风格统一。背景色上用纯黑BLACK或者深灰DARK_GRAY不要加渐变背景简洁有力是王道。5.2 控制动画节奏的秘密很多人做出来的动画一眼看着不舒服问题大多出在动作的时间分配上。Manim 里的每个动画都可以指定 run_time 参数表示动画持续时间但这个参数不是随便设的。3Blue1Brown 的节奏有一个很明显的规律快慢交替。重要步骤放慢展示生成过程的动画也放慢过渡和位移则稍快。我自己常用的时间模板动画类型run_time 建议值示例场景Create图形逐步画出2~4 秒圆、多边形、函数曲线Write文字/公式逐笔写出1~2 秒标题、公式标签Transform图形变形/移动1~2 秒点移动、切线滑动FadeIn/FadeOut淡入淡出0.5~1 秒场景切换同一场景内多个动画组合时遵循“先慢后快、重点放慢”的原则。另外可以利用 lag_ratio 参数控制同一时间多个动画之间的时间偏移数值越大动画之间的先后感越强。5.3 用摄像机移动提升空间感如果只是平铺直叙的二维画面看久了容易乏味。3Blue1Brown 视频中经常用镜头的缩放、平移来强调重点这种镜头感用 Manim 也很容易实现self.play( self.camera.frame.animate.move_to(point).scale(0.5), run_time2 )这样就把画面焦点移到了某个对象上并放大。对于三维场景用 move_camera 让镜头环绕物体旋转是最容易出效果的手段。特别提醒镜头移动不要太多否则观众会晕重点场景移动一两次就够。5.4 背景音乐的配合Manim 本身不处理音频生成的视频是静音的。很多科普up主会后期加上低音量的背景音乐3Blue1Brown 视频也有专属的配乐风格偏电子、偏氛围、音量很低。在剪辑软件里把 Manim 渲染的视频支持透明通道也可以渲染带 alpha 的版本叠加到背景音乐上保持音乐音量在人声的 10% 到 20% 左右这样能显著提升质感。6. 常见疑难问题与排查技巧实录6.1 安装 LaTeX 失败或渲染公式报错最典型的场景是运行包含 MathTex 代码时直接报错Package inputenc Error 或者 File not found。这个问题的根源是系统里没装 LaTeX 引擎或者装了但不是完整版本。解决思路Windows 用户建议使用 MiKTeX 最新版安装时勾选自动安装缺失宏包选项macOS 和 Linux 用户确保安装了 texlive-full 而不是精简版。安装完成后重启终端再渲染公式就正常了。6.2 中文字体显示成方框Manim 源码默认的字体不含中文字符直接写中文 Text 对象预览时全部变成方框。解决方案有两个。最省事的方案使用支持中文的字体文件在 Text 设置里添加 font 参数指向系统中文字体路径。在 Windows 下通常是 C:\Windows\Fonts\msyh.ttc微软雅黑。text Text(你好世界, fontC:/Windows/Fonts/msyh.ttc, colorYELLOW)另一个方案用 LaTeX 加中文支持包但配置比较麻烦不建议新手折腾。6.3 渲染速度慢到怀疑人生Manim 渲染占用的资源比你想象的高得多。三维场景、高分辨率、复杂曲面几个因素叠加一台普通笔记本渲染几十秒的动画耗时几十分钟都正常。我的排查顺序先确认是否真的需要高清画质测试阶段一律低压渲染其次是检查动画个数动画数量越多渲染越慢尽量把多个动画合并成一个减少中间帧再次是检查 Updater 函数如果用了 add_updater它每一帧都会执行逻辑越复杂越慢尽量让 Updater 只做简单的数学计算。6.4 不想写代码但又想完全定制化怎么办这个需求本质上是个“既要又要”的问题。我的建议是先接受一个事实现在没有任何一个零代码工具能做到完全拖拽式生成 3Blue1Brown 原版级别动画原因不是工具不好而是数学动画的核心在于逻辑编排这个逻辑本身是一种抽象能力。Mango 这类工具能解决 80% 的场景剩下 20% 的定制化需求仍然需要手写代码或者让 AI 帮忙改代码。所以比较好的进阶路线是先用零代码工具培养动画感觉然后找个周末花两小时把 Manim 的基础语法过一遍你不需要成为高手只要有改参数、改坐标、改文本的能力你的创作自由度就已经提升了十倍。7. 学习路线建议与资源分享我收到过很多类似私信博主我是数学老师完全不懂编程想学这个做微课从哪儿开始我给的建议一直很固定整理成下面这个路线图。7.1 阶段一用现成模板做拼接第 1-3 天从 GitHub 上下载 Manim 官方示例库或者从中文社区搜“Manim 模板合集”把代码复制到本地或在线 Playground改标题、改公式、改数字。这个阶段的目标是产出第一个视频哪怕只是让一个圆出现再消失。重点在于体验完整的工作流程代码、运行、渲染、导出。7.2 阶段二针对性懂一点 Python第 4-10 天不需要系统学 Python只需要学几个高频关键词import、class、def、val、for 循环、范围 range。这些基础语法足够读懂和修改 Manim 代码了。遇到不懂的函数直接用 Python 的 help() 函数查看文档或者去 Manim 官方文档搜。7.3 阶段三逆向拆解 3Blue1Brown 经典片段第 11-30 天这个阶段是最有价值的。挑一个 3Blue1Brown 视频里你觉得最震撼的十秒片段截图拆解它的视觉元素用了什么图形、文字怎么出现、镜头怎么动的。然后用 Manim 尝试复刻不用完全一致达到八成相似的视觉效果就说明你真正入门了。我当年就是靠这个方式把曼德博集合的经典缩放动画研究清楚那之后对 Manim 的理解提升了一大截。7.4 需要收藏的优质资源Manim 官方文档manimce 的文档地址我记得是 docs.manim.community内容非常详细每个对象、动画、参数都有示例。Manim 中文文档和教程社区搜索“Manim 中文文档”有热心网友维护的站点对新手友好的中文教程不少。GitHub 上的 awesome-manim 仓库整理了大量教程、插件、工具、示例代码强烈推荐进去逛一圈。B站上搜“Manim 教程”有一批 UP 主做过保姆级系列比如“数学建模老哥”和一些数学科普博主的分享跟下来能解决起步阶段的绝大多数问题。8. 做个总结顺便聊点实在的我做的第一个 Manim 动画是一段 15 秒的抛物线运动演示当时花了整整一个晚上才跑通渲染出来的视频还带着水印和难看的黑边。但说实话那天晚上看着小球在屏幕上划出那条流畅的抛物线我比当年用几何画板做动态课件的时候兴奋得多。因为这个工具让人真正把“讲清楚”和“看得懂”这两件事结合在了一起。后来给朋友做毕业答辩用的数学演示、给老师做微课动画、给科普账号做短视频Manim 已经成了我工具箱里最稳定的输出方案。我自己的体会是工具的作用从来不是替你思考而是帮你的思考更顺畅地变成看得见的东西。零代码工具也好手写代码也好最终目的都是把复杂的数学讲得让普通人也能看懂这件事本身的价值比任何工具技巧都要大。最后分享一个小技巧当你觉得自己的动画哪里不对劲但说不出来的时候把动画放慢一倍看一遍再快进一倍看一遍。慢放能暴露动画逻辑的问题快进能暴露节奏的问题两个问题都解决了这个动画基本就过关了。
