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

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
WordPress大学
WordPress大学
T
Tailwind CSS Blog
V
Visual Studio Blog
月光博客
月光博客
Hugging Face - Blog
Hugging Face - Blog
小众软件
小众软件
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - Franky
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Last Week in AI
Last Week in AI
阮一峰的网络日志
阮一峰的网络日志
量子位
有赞技术团队
有赞技术团队
酷 壳 – CoolShell
酷 壳 – CoolShell
Apple Machine Learning Research
Apple Machine Learning Research
博客园_首页
Jina AI
Jina AI
雷峰网
雷峰网
博客园 - 【当耐特】
博客园 - 叶小钗
美团技术团队
宝玉的分享
宝玉的分享
IT之家
IT之家

博客园_首页

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主分片和副本分片概念详解
如何让多个动画“齐步走”?
wang_yb · 2026-04-26 · via 博客园_首页

在我们制作数学动画时,经常会遇到多个动作同时发生的情况。

比如:坐标轴出现的同时,标签也跟着浮现;或者一个图形变色的同时,它也在移动。

今天,我们就来聊聊 ManimCE 中同时执行多个动画的那些事儿。

实现多动画的三种方法

方法一:使用 add() 方法(最简单直接)

这是最基础的方法,适合初学者理解。它的原理是把多个动画添加到场景中,让它们同时开始播放。

from manim import *

class SimpleMultiAnimation(Scene):
    def construct(self):
        # 创建两个图形
        circle = Circle(color=BLUE).shift(LEFT * 2)
        square = Square(color=RED).shift(RIGHT * 2)

        # 添加图形到场景
        self.add(circle, square)
        self.wait(0.5)

        # 同时执行多个动画
        self.play(circle.animate.shift(UP * 2), square.animate.shift(DOWN * 2))
        self.wait()

运行效果:蓝色圆向上移动的同时,红色正方形向下移动。

方法二:使用 AnimationGroup(适合组织相关动画)

当你有多个动画需要作为一个整体来控制时,AnimationGroup 是个很好的选择。

class AnimationGroupExample(Scene):
    def construct(self):
        # 创建三个点
        dots = VGroup(*[Dot(radius=0.1) for _ in range(3)])
        dots.arrange(RIGHT, buff=1)
        
        # 为每个点创建不同的动画
        animations = [
            dots[0].animate.shift(UP*2).set_color(YELLOW),
            dots[1].animate.shift(DOWN*2).set_color(GREEN),
            dots[2].animate.shift(LEFT*2).set_color(RED)
        ]
        
        # 使用AnimationGroup同时播放
        self.play(AnimationGroup(*animations))
        self.wait()

方法三:使用 LaggedStartSuccession(进阶控制)

如果想要更精细的控制,比如让动画依次开始但部分重叠,可以使用这些高级类:

class LaggedStartExample(Scene):
    def construct(self):
        squares = VGroup(*[Square(side_length=1) for _ in range(4)])
        squares.arrange(RIGHT, buff=0.5)

        # 动画依次开始,但会重叠播放
        self.play(
            LaggedStart(
                *[
                    s.animate.rotate(PI).set_color(random_bright_color())
                    for s in squares
                ],
                lag_ratio=0.3  # 每个动画之间的延迟时间比例
            ),
            run_time=3,
        )
        self.wait()

同时执行不同速率的动画

在实际制作动画时,我们经常需要让不同的动画以不同的速度进行。

比如,一个图形快速移动,另一个缓慢旋转。

这时我们可以通过ApplyMethod方法,精确控制每个动画的运动曲线:

class RateFunctionsExample(Scene):
    def construct(self):
        # 创建三个物体
        dot1 = Dot(color=RED, radius=0.2).shift(LEFT * 3 + UP * 2)
        dot2 = Dot(color=GREEN, radius=0.2).shift(LEFT * 3)
        dot3 = Dot(color=BLUE, radius=0.2).shift(LEFT * 3 + DOWN * 2)

        self.add(dot1, dot2, dot3)

        anim1 = ApplyMethod(dot1.shift, RIGHT * 6, rate_func=linear)  # 匀速
        anim2 = ApplyMethod(
            dot2.shift, RIGHT * 6, rate_func=rate_functions.ease_out_quad
        )  # 先快后慢
        anim3 = ApplyMethod(
            dot3.shift, RIGHT * 6, rate_func=rate_functions.ease_in_quad
        )  # 先慢后快

        # 使用不同的速率函数
        self.play(
            anim1,
            anim2,
            anim3,
            run_time=3,
        )
        self.wait()

常见问题

Q:为什么我的动画没有同时执行?
A:检查是否在 play() 方法中正确使用了逗号分隔多个动画,而不是分号。

Q:如何让动画精确地在同一时刻结束?
A:设置相同的 run_time 参数即可。

Q:不同速率的动画如何同步?
A:使用 rate_funcs 参数为每个动画指定不同的速率函数。

总结

掌握同时执行多个动画的技巧,能让你的数学动画更加生动和专业。

从简单的 add() 方法到复杂的速率函数组合,ManimCE提供了丰富的工具来满足各种需求。

多动手练习这些例子,相信你很快就能制作出专业级别的数学动画!