DevTrends开发者趋势
主题色

acfboy /

wanim

Playground: manim 是全网粉丝数千万的知名数学博主 3b1b 开发并使用的强大数学动画制作工具。但原版配置较复杂,等待渲染较慢。现有的一些让其跑在浏览器里的项目要么无法运行原版代码,要么需要 ~40 MiB 的 pyodide 运行环境和库。 本项目无需 pyodide 即可让原版 manim 代码开箱即用地跑在浏览器里,实时渲染,并且原版代码稍作修改就可以制作可交互的演示。需加载体积只有约 1.8MiB,足以嵌入任何地…

语言TypeScriptDT软件开发DT内容 / 资源DT库 / SDKDTWeb

产品配图

关于

Playground: manim 是全网粉丝数千万的知名数学博主 3b1b 开发并使用的强大数学动画制作工具。但原版配置较复杂,等待渲染较慢。现有的一些让其跑在浏览器里的项目要么无法运行原版代码,要么需要 ~40 MiB 的 pyodide 运行环境和库。 本项目无需 pyodide 即可让原版 manim 代码开箱即用地跑在浏览器里,实时渲染,并且原版代码稍作修改就可以制作可交互的演示。需加载体积只有约 1.8MiB,足以嵌入任何地方。专门为嵌入讲义/课件中设计。 如何实现的:对原版 manim 静态分析以后按方法调用连边,建图之后缩点得到 DAG,让 AI 沿着 DAG 逐方法对齐原版 API 得到 js 动画库,再 patch 了 rapydscript-ng 使其支持 numpy,把用户代码对接到逐方法一致的动画库。无需 Pyodide 故体积小。具体见知乎文章 示例 复刻 3b1b 经典傅里叶变换演示 在线演示地址: 拖动滑块,可以看到三角函数曲线被以不同的速度绕在圈上。右侧指示质心位置变化。 可交互的讲义 在线演示地址: 在线制作讲义: 嵌入的动画,双击变成可交互版本。 嵌入 AI 对话 在线演示地址: 让 ai 也可以用高质量的演示讲解。 作为幻灯片 在线演示地址: 支持幻灯片模式,适用于各种演示。右下角按钮和左右键可以切换上一页下一页。 为什么选择 Wanim? 原版 manim 代码:几乎兼容动画所需所有原版 manim 接口。 体积小:体积是其它同类项目的 1/20。这使得它可以嵌入任何地方。 可交互:可以添加任意路径滑块、数字输入、拖动视角等交互组件。

收录记录

  1. Show HN

    2026年10月30日 · 1 次收录

  2. 阮一峰周刊·用户投稿

    2026年11月7日 · 1 次收录

讨论这个产品