查看: 3|回复: 2

做了个在浏览器里跑真 Manim 的站,不用装 Python

[复制链接]

1

主题

0

回帖

3

积分

新手上路

积分
3
发表于 2026-7-18 03:26:50 | 显示全部楼层 |阅读模式
起因很简单:每次想用 Manim 做点数学动画,都得先折腾环境——Python 、LaTeX 、ffmpeg 、cairo 、pango 一整套装下来一下午没了,渲染还得敲命令行。太劝退,就想把这一步整个干掉,做成"打开浏览器就能写就能渲"。

做出来的是极坐标 XYZ ( jizuobiao.xyz ),几个技术选择也顺便贴出来聊聊:

跑真本体,不重写引擎:用 Pyodide 在浏览器里跑真 manim 0.20.1 ,把跑不了的原生依赖逐一替换掉( cairo→Canvas2D 、Pango→opentype.js 、LaTeX→MathJax 、ffmpeg→ffmpeg.wasm 、skia-pathops→纯 Python polybool )。好处是 API 全量、随官方升级,不用像重写引擎那样永远追着新 API 跑。2D / 3D / animation / updater / 中文 Text / MathTex / 布尔都跑通了。

渲染落 Canvas2D ,不上 WebGPU:刻意选的——优先覆盖国内主流浏览器、老设备和微信,中文原生支持。

编辑器带补全:CodeMirror 6 + 常驻 Pyodide 里的 jedi ,对真 manim 做内省,补全 / 签名 / 悬浮文档;报错直接给 traceback 。

分享靠 URL:代码压缩后编码进链接,无需后端,打开即还原。

纯前端、天然沙盒:用户代码跑在 Pyodide 里,不触达服务器;全资源自托管、零 CDN 。

导出:ffmpeg.wasm 出 mp4 ( libx264 )/ gif ,分辨率到 1080p 。

用法就三步:打开 Playground → 改内置示例的一两个数(或自己写 Scene)→ 点运行看动画。另外做了套 23 节的教程,边看视频边改可运行代码。目前免费、匿名即用,作品存本地 / 用链接分享,云端作品库还在路上。

体验地址: https://jizuobiao.xyz/playground
回复

使用道具 举报

0

主题

1

回帖

2

积分

新手上路

积分
2
发表于 2026-7-18 07:59:19 | 显示全部楼层
非常丝滑,Pyodide 在前端跑 python
回复

使用道具 举报

0

主题

2

回帖

4

积分

新手上路

积分
4
发表于 2026-7-18 11:07:28 | 显示全部楼层
真不错
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖
返回顶部