惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Simon Willison's Weblog
Simon Willison's Weblog
Google DeepMind News
Google DeepMind News
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
P
Proofpoint News Feed
Recent Announcements
Recent Announcements
MongoDB | Blog
MongoDB | Blog
U
Unit 42
云风的 BLOG
云风的 BLOG
Recorded Future
Recorded Future
G
Google Developers Blog
I
InfoQ
Blog — PlanetScale
Blog — PlanetScale
A
About on SuperTechFans
Jina AI
Jina AI
量子位
宝玉的分享
宝玉的分享
The Cloudflare Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园 - 聂微东
Last Week in AI
Last Week in AI
WordPress大学
WordPress大学
美团技术团队
The Hacker News
The Hacker News
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
D
Darknet – Hacking Tools, Hacker News & Cyber Security
T
Tailwind CSS Blog
博客园 - 司徒正美
博客园 - 叶小钗
Hugging Face - Blog
Hugging Face - Blog
P
Palo Alto Networks Blog
博客园_首页
阮一峰的网络日志
阮一峰的网络日志
博客园 - 【当耐特】
Spread Privacy
Spread Privacy
The GitHub Blog
The GitHub Blog
Y
Y Combinator Blog
Vercel News
Vercel News
Martin Fowler
Martin Fowler
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Forbes - Security
Forbes - Security
Attack and Defense Labs
Attack and Defense Labs
Google DeepMind News
Google DeepMind News
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Microsoft Azure Blog
Microsoft Azure Blog
P
Privacy International News Feed
G
GRAHAM CLULEY
The Last Watchdog
The Last Watchdog
C
Cyber Attacks, Cyber Crime and Cyber Security
AI
AI
V2EX - 技术
V2EX - 技术

博客园_首页

Plist 二进制格式 Milvus 和 PGVector,哪个更好? OpenClaw 已过时?在 VS Code 中运行 Hermes Agent! 第30篇文章:一个大三计科生的自白 Manim如何在数学公式中完美显示中文? Docker 部署 RocketMQ 5 并发编程核心概念辨析 C#事务处理最佳实践:别再让“主表存了、明细丢了”的破事发生 CLI 是什么?为什么大厂突然集体卷命令行? 【从0到1构建一个ClaudeAgent】协作-自主Agent UIImageView 设置图片不生效的原因排查 最小二乘问题详解20:无先验约束下的增量式SFM自由网平差 痞子衡嵌入式:大话双核i.MXRT1180之XIP应用里借助MU实现可靠Flash IAP的方法 AI Chat 封装, SemanticKerne.AiProvider.Unified 已发布 Windows下右键编辑js文件无法打开记事本——在注册表中使用环境变量 在后台服务中使用 Scoped 服务,为什么总是报错? H200 安装驱动并使用sglang启动模型 wireshark 抓包Trap上报告警内容 我用 AI 辅助开发了一系列小工具(2):图片压缩工具 [A Primer On MC and CC] 2.1 Memory Consistency 1 - 指令重排序和 SC 模型 Oracle数据库SCN推进技术详解与实践指南 玩转控件:封装个带图片的Label控件 Claude Code 4.7 真正该升级的不是模型,而是你的工作流 前端小白一句话,AI 帮我做了个颜值拉满的桌面媒体播放器。当代码不再是门槛,一句话编程就是现实。 5. WorkBuddy: 小龙虾的灵魂三件套,让你的小龙虾不只是工具 SQLite 分片方案实战:三种分片策略的深度对比 告别简陋 UI!一款基于 Fluent Design 和基于 WinUI 的开源免费、现代化的 Avalonia UI 控件库 关于二进制排列组合枚举的总结 AI开发-python-LangGraph框架(3-27-LangGraph从零实现大模型智能决策工作流) ElasticSearch主分片和副本分片概念详解 【002】HTTPS 粗解:证书、TLS 握手与对后端配置的影响 Hermes Agent 一周暴涨五万 Star,但我劝你别急着追 明明连接的是Redis的DB0,为什么能查到DB3的数据? 【从0到1构建一个ClaudeAgent】协作-Agent团队 熟悉电子元器件之后,电子小白下一步该怎么走? MAF快速入门(23)通过C#类定义Skills .NET 高级开发 | 手写一个对象映射框架 FastAPI数据库ORM怎么选?我肝了三个Demo后,终于不再纠结了 mysqldump 参数拾遗:在遗忘与铭记之间 C# .NET 周刊|2026年3月5期 Claude code入门 - 陈彦斌 一文学习入门 ThingsBoard 开源物联网平台 GitHub 热门项目 | 2026年04月16日 如何为GIT设置全局勾子,为每次提交追加信息 Number.isFinite和isFinite与isNaN()和Number.isNaN的区别 PortSwigger SQL注入LAB2 推荐一个测试人必备的Skills,从功能到性能全搞定(附详细实操和安装下载方式) 筑基期:掌握Odoo基础核心知识点02(Odoo XML 开发方式详解) GLM模型这么火,咱们用vllm也咧一个呗! 深入理解 AbortController:从底层原理到跨语言设计哲学 字符串学习笔记 多租户系统框架的基础模块设计和分析设计 Apache SeaTunnel Zeta 为什么能做到“又快又稳”? AI开发-python-LangGraph框架(3-26-LangGraph基本概念及第一个简单样例) Vue 3 组件通信,别只会用 Props 和 Emits 了,这几个狠活儿你得看看 ElasticSearch7.X版本配置密码 用Manim实现动态交点计算--从一个动点问题说起 团结引擎+Addressable+Instant Game打包抖音小游戏 function call 实战:让 LLM 自动判断 pod 异常、调用日志工具并完成故障分析 bubseek —— 让 Agent 的足迹,变成团队的洞察 通过 C# 读取并导出 PDF 书签 如何用 GitHub Actions 实现 Steam 自动化发布 【从0到1构建一个ClaudeAgent】并发-后台任务 .NET 高级开发 | 定制 ASP.NET Core 框架 电子小白:什么是运算放大器(运放) zero2Agent:面向大厂面试的 Agent 工程教程,从概念到生产的完整学习路线 堆上的ORW HC32F460 USB CDC通信异常:非对齐访问异常排查 20260413-Hyperbridge 攻击事件:发生在默克尔山上的验证绕过 那些喊着AI 要淘汰你的人,正在靠你的焦虑赚大钱! 深度学习进阶(八)Swin Transformer 最小二乘问题详解19:带先验约束的增量式SFM优化与实现 SnapTranslate 3.0 正式发布:全局划词翻译 + 完整英语学习闭环,一站式搞定查词、记词、复习 工作的意义、工作的困难认知再思考 .NET + AI 进阶实战:基于类的技能开发 - 打造可治理的 Agent 能力模块 【从0到1构建一个ClaudeAgent】规划与协调-技能 上周热点回顾(4.6-4.12) 电子小白的工具三件套:面包板、杜邦线、万能板 单表五亿数据的查询优化 | Mysql、StarRocks 2. WorkBuddy:从“我是谁”到“帮我干活” C# 如何减少代码运行时间:7 个实战技巧 基于HelixToolkit.SharpDX 渲染3D模型 - 笺上知微 从零开始的双臂具身VLA起源及现阶段发展综述 - SkyXZ 记对 xonsh shell 的使用, 脚本编写, 迁移及调优 - pluvium27 受够了Vibe Coding的失控?换个起点,让AI事半功倍 从开始配置漏洞环境到漏洞复现流程 - 難しい 关于10年工作经验的程序员对OpenClaw的实战经验分享以及看法 - 虚无境 Any metadata 的内存布局 C# .NET 周刊|2026年3月2期 - InCerry 我帮你测过了,测试圈排名第二的 Skill 依然很牛逼 Skill Discovery | 无监督技能发现的经典工作总结 - MoonOut 上下文工程是什么?过时了么?一文讲明白! - 一枫说码 开了 TUN 模式还是直连?90% 的人都踩过这个坑 AScript扩展多种脚本语言 - rockey627 AI 学习笔记:Agent 的记忆机制 你能被装进一个文件里吗?——7 万人把同事"蒸馏"成了 AI - 我没有三颗心脏 Claude Code 通关手册(七):给 AI 装上技能包——Skills 完全指南 - 暮色之狐 在浏览器中快速编辑代码:VSCode Web 集成实践 - Newbe36524 蒸馏自己 skill?基于 Deepseek 的蒸馏器,丐版蒸馏方式,简单便捷 - To_Carpe_Diem Spring AI Aliababa和AgentScope,哪个更好? - 苏三说技术
切线的魔法:用 SymPy 和 Manim 轻松搞定导数动画
wang_yb · 2026-05-19 · via 博客园_首页

大家好,你有没有试过在 Manim 里做导数定义的动画?

就是那个经典的场景:画一条曲线,再画一条割线,然后让割线上的一个点无限逼近另一个点,最后变成切线。

这个过程的核心是计算割线的斜率 (f(x+h) - f(x)) / h,并观察当 h 趋近于 0 时,这个斜率是如何变化的。

听起来很简单,但实际操作起来,手动去推导极限、计算每一帧的坐标,不仅繁琐,还特别容易出错。

相信不少朋友都为此头疼过。

想象一下,我们要为函数 $ f(x) = x^3 - 2x + 1 $ 做一个在 $ x=1 $ 处的切线动画。

  1. 定义割线:我们需要两个点,$ P(1, f(1)) $ 和 $ Q(1+h, f(1+h)) $。
  2. 计算斜率:$ slope = (f(1+h) - f(1)) / h $。
  3. 求极限:为了让动画平滑过渡到切线,我们需要知道当 $ h \to 0 $ 时,$ slope $ 的精确值,也就是 $ f'(1) $。
  4. 动态更新:在动画中,$ h $ 是一个不断变小的值(比如从 1 变到 0.01),我们需要为每一个 h 实时计算 Q 点的坐标和割线的斜率。

如果手动来做,第2、3步就需要展开 $ (1+h)^3 - 2(1+h) + 1 $,再减去 $ f(1) $,化简,最后求极限。

对于复杂的函数,这简直是灾难!(比如函数$ f(x)=sin(x^2) $

而且,在代码里硬编码这些公式,一旦函数变了,所有计算都得重来。

这就是我们的痛点动态、精准、自动化地处理符号计算。

SymPy 解决方案:让计算机做数学

SymPy 正是解决这个问题的完美工具,它可以把 x, h 当作真正的数学符号来处理,而不是具体的数字。

针对我们的需求,只需要两个核心函数:

  • diff(f, x): 自动求导。直接告诉我们 f(x) 的导函数是什么。
  • limit(expr, h, 0): 计算极限。可以验证我们的割线斜率在 h->0 时的确等于导数值。

下面看一段核心的 SymPy 代码,感受一下它的威力:

from sympy import symbols, diff, limit

# 定义符号变量
x = symbols('x')

# 定义我们的函数 f(x)
f = x**3 - 2*x + 1

# --- 核心操作 ---
# 自动求导,得到 f'(x)
f_prime = diff(f, x)
print(f"导函数 f'(x) = {f_prime}") 
# 输出: 导函数 f'(x) = 3*x**2 - 2

# 在 x=1 处的导数值
slope_at_1 = f_prime.subs(x, 1)
print(f"x=1 处的瞬时变化率 (斜率) = {slope_at_1}")
# 输出: x=1 处的瞬时变化率 (斜率) = 1

# 用极限来验证割线斜率
# 割线斜率表达式
secant_slope_expr = (f.subs(x, 1+h) - f.subs(x, 1)) / h
# 计算 h->0 时的极限
limit_slope = limit(secant_slope_expr, h, 0)
print(f"通过极限计算得到的斜率 = {limit_slope}")
# 输出: 通过极限计算得到的斜率 = 1

看!我们完全不用关心中间复杂的代数运算,SymPy 几行代码就帮我们完成了求导和极限验证,并且结果精确无误。

这为我们接下来的 Manim 动画提供了坚实的数学基础。

Manim 联动实战:让切线“动”起来

现在,我们将 SymPy 的计算能力嵌入到 Manim 动画中。

我们将使用 ValueTracker 来控制 h 的值,让它从一个较大的数(如1)逐渐减小到接近0。

在每一帧,Manim 都会调用 SymPy 重新计算 Q 点的位置和割线,从而实现动态效果。

下面是核心的代码:

from manim import *
from sympy import symbols, lambdify, diff

class DerivativeAnimation(Scene):
    def construct(self):
        # ========== SymPy 符号计算部分 ==========
        x_sym = symbols("x")
        f_sym = x_sym**3 - 2*x_sym + 1           # 原函数:f(x) = x³ - 2x + 1
        f = lambdify(x_sym, f_sym, "numpy")       # 转为 NumPy 函数供绘图

        f_prime_sym = diff(f_sym, x_sym)          # SymPy 自动求导:f'(x) = 3x² - 2
        x_p = 1                                    # 切点横坐标
        exact_k = float(f_prime_sym.subs(x_sym, x_p))  # 精确导数 f'(1) = 1

        # ========== Manim 坐标系与曲线 ==========
        ax = Axes(x_range=[-2, 3], y_range=[-3, 5])
        graph = ax.plot(f, color=YELLOW)          # 原函数曲线

        p_point = Dot(ax.c2p(x_p, f(x_p)), color=RED)  # 切点 P

        # ========== ValueTracker 驱动割线动态逼近 ==========
        h_tracker = ValueTracker(1)               # h 从 1 逐渐减小到 0.001

        # 割线:随 h 变化而重新绘制
        def get_secant_line():
            h_val = h_tracker.get_value()
            x_q = x_p + h_val
            k = (f(x_q) - f(x_p)) / h_val         # 割线斜率 Δy/Δx
            return ax.plot(
                lambda x: k * (x - x_p) + f(x_p), # 点斜式
                color=GREEN, x_range=[x_p - 1, x_q + 1]
            )

        secant_line = always_redraw(get_secant_line)

        # 切线:使用 SymPy 算出的精确导数
        tangent_line = ax.plot(
            lambda x: exact_k * (x - x_p) + f(x_p),
            color=PURPLE, x_range=[-0.5, 2.5]
        )

        # ========== 动画流程 ==========
        self.play(Create(ax), Create(graph), Create(p_point))
        self.play(Create(secant_line))

        # 核心:h → 0,割线动态逼近切线
        self.play(
            h_tracker.animate.set_value(0.001),
            run_time=5,
            rate_func=rate_functions.ease_in_out_quad,
        )

        # 对比展示精确切线
        self.play(Create(tangent_line))
        self.wait(1)

代码关键点解析

  • lambdify: 连接 SymPyManim 的桥梁。它把 SymPy 的符号表达式 f_sym 转换成一个普通的 Python 函数 f,这个函数可以接受 NumPy 数组作为输入,正好符合 Manim ax.plot() 的要求。
  • ValueTracker: Manim 中创建动态效果的核心。h_tracker 存储了 h 的当前值。
  • always_redraw: 这个装饰器告诉 Manim,被它修饰的对象(如 q_pointsecant_line)需要在每一帧都重新计算和绘制。它们内部的函数 get_q_pointget_secant_line 会读取 h_tracker 的最新值,并调用 f 函数来获取最新的坐标。
  • 动态割线: 在 get_secant_line 中,我们虽然可以直接用两点式画线,但这里展示了如何利用 SymPy 的思想——通过计算斜率和截距来定义直线,逻辑更清晰。

效果展示说明

运行这段代码,你会看到以下动画效果:

  1. 坐标系与函数登场:黄色的三次函数$ f(x)=x^3-2x+1 $被绘制出来。
  2. 固定点 P:在$ x=1 $处,一个红色的点 P 被标记出来。
  3. 动态点 Q 与割线:一个蓝色的点 Q 出现在 P 的右侧(因为初始 h=1),一条绿色的割线连接 PQ
  4. 魔法时刻:动画开始,Q 点开始平滑地向 P 点移动(h 值从 1.5 逐渐减小到 0.01)。与此同时,绿色的割线也随之旋转。
  5. 切线显现:当 Q 无限接近 P 时,割线几乎不再变化。此时,一条紫色的精确切线被绘制出来,你会发现它和最终的割线几乎完全重合!

整个过程直观地展示了导数作为瞬时变化率的几何意义,而这一切的精准性都由 SymPy 在幕后保证。

小结

我们已经成功地将 SymPy 的符号计算能力与 Manim 的动画渲染能力结合起来,解决了制作导数定义动画时的手动计算痛点。

通过 difflimit,我们获得了精确的数学结果;

通过 ValueTrackeralways_redraw,我们让这些结果在屏幕上“活”了起来。

这种 “SymPy 负责思考,Manim 负责表现” 的模式非常强大,可以应用到各种复杂的数学可视化场景中。