Manim 不装环境怎么用?浏览器和手机上直接写、直接渲染
2026 年 9 月 28 日 · 极坐标⋅XYZ
Manim 不装环境怎么用?浏览器和手机上直接写、直接渲染
能。极坐标⋅XYZ(jizuobiao.xyz)做了两样东西:电脑上用浏览器打开的工作区,和手机上装的「Manim教程」App(iPhone、iPad 和 Android)。两边跑的都是 Manim 社区版 0.21.0,就是 pip 装下来的那个 Manim。Python、LaTeX、FFmpeg 一样都不用装,写完点运行就能看到动画,导出 MP4 也在里面。
电脑上现在就可以打开工作区试;手机上下载 App。想系统学,教程在网页和 App 里都有,前几节课免费。
为什么要做这个
我们之前写过一篇 Windows 下配置 Manim 环境的指南,MiKTeX 换国内源、缺 VC_redist 报 DLL load failed、uv 走镜像……写的时候就在想,一个想学数学动画的人,往往第一天就卡在装环境上,Manim 本身还一行没写。
我们希望这一步能直接跳过去。打开网页或者 App,第一眼看到的就该是一段能跑的代码。
电脑上:浏览器里的工作区
打开 jizuobiao.xyz/workspace,第一次会装载一下 Manim 引擎,之后走缓存,基本秒开。服务器在国内,所有资源自己托管,国内网络直接就能打开。
点「直接开始写」,贴下面这段,点运行:
from manim import *
class HelloManim(Scene):
def construct(self):
circle = Circle(color=BLUE)
square = Square(color=YELLOW)
self.play(Create(circle))
self.play(Transform(circle, square))
self.play(circle.animate.rotate(PI / 4))
右边就是渲染出来的动画,可以逐帧拖着看。满意了在底部点导出,选 MP4 或 GIF,文件直接存到你电脑上。
写的时候会觉得像 VS Code:左边文件树,中间编辑器,有补全、函数签名提示、行内报错。项目可以拆成多个文件互相 import,assets/ 里放的 SVG 和图片场景里直接引用。用 Chrome 或 Edge 的话,还可以直接打开电脑上的一个文件夹,改完存回原文件,跟本地项目一样用 Git 管;其他浏览器里项目存在浏览器本地。
代码和渲染都在你自己的浏览器里跑,导出视频的编码也在本地做,代码和视频不会传到我们的服务器上。用 AI 助手时发给 AI 的内容是例外,这个后面 FAQ 里说。
手机上:「Manim教程」App
iPhone、iPad 装 App Store 上的「Manim教程」(英文名 Manim Tutorial)。Android 版目前只在 Google Play 上架,国内应用商店还没有,手机上装不了 Google Play 的话,先用电脑浏览器打开工作区。App 把 Python 和 Manim 0.21.0 装在了手机里,渲染在本机做,不用联网。
打开 App,大部分人先看的是视频课。视频放着,下面的代码跟着走,讲到哪一行就高亮哪一行。看完点一下,这节课的代码就进了工作区,想怎么改怎么改。
工作区在手机上也是全的,改代码、渲染、导出视频都能在手机上做完。iPad 上是分栏布局,接个键盘写起来跟电脑差不多。AI 助手也在 App 里,后面单独说。
工作区网页版在手机浏览器里其实也能打开,但浏览器给一个网页的内存很紧,场景一复杂就可能被系统关掉。所以在手机上认真做动画,我们建议用 App。
Manim 0.21、Typst 和 LaTeX 公式
两边都是 Manim 0.21.0,这是 2026 年 Manim 社区版的最新版本,9 月刚升上去。教程里的代码、网上找到的 Manim 社区版代码,基本拿来就能跑。
写公式不需要装 LaTeX。MathTex、Tex 照常写,我们在后台换了一套排版方式,写法跟桌面版一样。装过 TeX Live 的人都知道,光下载就是好几个 G,国内网络还经常断。
0.21 新出的 Typst / MathTypst,目前只有网页工作区支持,App 里暂时还不能用。分数写成 (a+b)/2,求和写成 sum_(k=1)^n,比 LaTeX 短一截;用 {{ … }} 圈出来的部分还可以单独上色、单独做动画。在网页上第一次用要多下载 13MB 左右,之后走缓存。目前不支持 #import 引入 Typst 的在线包。具体写法我们单独写了一篇:Manim 0.21 的 Typst 公式怎么用。

AI 创作助手:一句话或一张题目照片
这是我们 9 月加进来的。在工作区的 AI 输入框里说你想要什么,比如「直角三角形三边上各画一个正方形,标出面积 9、16、25,写出 9+16=25」,或者拍一张数学题的照片拖进去,它会去写代码,在你的浏览器里试跑,截几帧检查画面对不对,有报错就自己改,做好了再给你看。
我们测下来,大部分情况第一版能做到个七八十分的样子,剩下的你看着画面说一句「字太挤了」「这个点动得太快」,它再改。代码就在项目里,想自己动手改也行。输入框里敲 @ 可以指定某个文件,选中一段代码按 ⌘I,可以把这段代码加进对话,让它只盯着这里改。
不会写提示词也没关系,打开页上放了 11 个我们实测过的例子,点一下提示词就填好了。
AI 要登录后用,按实际用量扣积分,注册送 1,000 积分,够先试好几段动画。App 里也有同一个 AI 助手。
渲染这块,我们重写了一遍
Manim 原本是给电脑设计的。浏览器和手机内存小,也没有 LaTeX 和 FFmpeg 可用,所以渲染这一段我们基本重做了一遍。
在浏览器里,长一点的 1080p、60 帧动画,以前渲着渲着内存涨上去,页面就崩了。现在是边渲染边编码成视频,内存不会一路往上涨。AI 做动画时会先出一版低画质的预览,导出时你再挑分辨率,画面跟预览一致,不用重新渲。
在 iPhone 上,文字排版、图形运算、视频编码都换成了系统自带的实现,视频直接交给手机的硬件编码。我们拿 iPhone 17 Pro Max 跟一台 M1 Max 的 Mac(2021 年的芯片,跑的是正常 pip 安装的 Manim 0.21.0)比过同一批场景:

1080p 下,2D 场景 iPhone 快了 18% 到 38%,3D 场景两边都要 5 秒多,只差 6%。一段 3 秒的 1080p 动画导出成 MP4,大多数场景在 iPhone 上只要 0.21 到 0.27 秒。
说实话这个比法对 Mac 不太公平,M1 Max 是 2021 年的芯片,换成新款 Mac,差距会缩小,甚至可能反过来。我们觉得更准确的说法是,iPhone 17 Pro Max 渲 Manim 已经够得上一台好用的 Mac。完整的测试条件和每个场景的数字在这篇:iPhone 17 Pro Max 跑 Manim 有多快。装了 App 的话,在「我的 → 工具 → 渲染基准」里可以在自己手机上跑一遍。Android 手机我们还没测。
其他可以用的
教程从「第一次渲染」「改一行」讲起,中间插了一段 Python 速成,没学过 Python 也能跟下来。每节课的代码都能直接在工作区打开改。Manim 官方升级,课程也跟着改,所以里面的写法都是当前版本能跑的。
想看别人怎么写,作品展示里有 32 个带注释的 Manim 作品,每个都能一键在工作区里打开。
常见问题
Q:完全免费吗? A:工作区写代码、渲染、导出都不收费,导出的视频带 jizuobiao.xyz 水印,可以单独买去水印,买了课程的自带。教程前几节免费试学,后面的课程要购买。AI 助手按用量扣积分,注册送 1,000 积分。
Q:跑的是真的 Manim 吗?跟电脑上装的有什么区别? A:是 Manim 社区版 0.21.0 本体,API 跟桌面版一样,代码可以原样拿回电脑上跑。区别主要在公式和文字的排版方式换了,默认字体跟你电脑上的可能不同,个别文字样式会有细微差别。
Q:Manim 的 3b1b 版(ManimGL)能用吗? A:不能。我们跑的是社区版(Manim Community),网上大部分中文教程和 AI 写出来的代码也是这一版。两个版本的写法不通用,找代码时注意看是哪一版。
Q:我的代码会上传吗? A:工作区的代码、渲染和视频编码都在你的浏览器里完成,不经过我们的服务器;App 也是在手机本机渲染。只有用 AI 助手时,你发给它的话、图片和相关代码会发到服务器去生成回复。
Q:用什么设备好? A:电脑上用浏览器打开工作区就行,Chrome、Edge、Safari、Firefox 的较新版本都能跑,想打开本机文件夹用 Chrome 或 Edge。iPhone、iPad 建议装 App,本机渲染更稳,也能离线用。Android 版目前只能从 Google Play 装,装不了的话先用电脑。要写 Typst 公式也得用电脑上的工作区。
电脑上,打开工作区贴一段代码点运行,或者在 AI 输入框里说一句你想要的动画;手机上,下载「Manim教程」App;想从头学,从教程第一课开始。
来源:极坐标⋅XYZ(jizuobiao.xyz),2026 年 9 月 28 日更新。渲染数据为 2026 年 9 月在 iPhone 17 Pro Max 上用 App 渲染基准实测,对照组为 Apple M1 Max 上原生安装的 Manim 0.21.0,两边场景源码一致。