写点什么

manim 边做边学 -- 交替变换

作者:EquatorCoco
  • 2025-01-21
    福建
  • 本文字数:1518 字

    阅读完需:约 5 分钟

今天,我们将介绍 Manim 中两个用于交替变换的动画类:CyclicReplace 和 Swap


无论是在展示数学概念的动态变化,还是在图形设计中呈现元素的巧妙交互,这两个动画类都扮演着重要角色。


它们以各自独特的方式,为我们提供了丰富的创意表达空间。

  1. CyclicReplace:循环替换一组对象的位置

  2. Swap:交换两个特定对象的位置


1. 动画概述


1.1. CyclicReplace


当你需要循环替换一组对象的位置时,CyclicReplace 是一个非常有用的动画类。


例如,有一组按顺序排列的元素,并且想要给人一种元素依次循环移动位置的视觉效果,类似于一个循环队列的元素循环操作,那么使用 CyclicReplace 可以很好地实现这一效果。


它可以用于展示元素之间的循环依赖关系,或者周期性的位置调整,给人一种周期性变化的直观感受。


CyclicReplace 的特点是将一组 Mobject按照某种循环顺序进行位置交换。


比如,对于一组元素 [A, B, C, D],它可能会将 A 的位置替换为 B 的位置,B的位置替换为 C的位置,以此类推,最后将 D 的位置替换为 A 的位置。


它的参数主要有:



1.2. Swap


Swap 动画类适用于需要交换两个特定对象位置的场景。


当你有两个对象,你想清晰地展示它们位置的互换时,使用 Swap 动画可以实现直接交换位置的效果。


常见的应用场景包括交换等式中的两个元素,交换图表中的两个数据点或交换布局中的两个元素,以强调它们的等价性或某种关联关系。


也可以用于对比前后两个对象位置不同但功能或属性相同的情况,通过交换位置来突出它们的互换性。


与 CyclicReplace 不同,Swap 主要针对两个对象进行操作。


它将精确地交换这两个对象的位置,使它们在动画结束时位置互换。


它的参数主要有:



2. 使用示例


下面通过示例来演示在哪些场景下可以使用上面的两个动画类。


2.1. 元素的循环移动


这个示例展示了三个不同形状(圆形正方形三角形)的循环位置替换,直观地体现了 CyclicReplace 如何循环移动一组对象。


circle = Circle()square = Square()triangle = Triangle()
shapes = VGroup(circle, square, triangle)shapes.arrange(RIGHT)
self.add(shapes)self.play(CyclicReplace(*shapes))self.play(CyclicReplace(*shapes))self.play(CyclicReplace(*shapes))
复制代码



2.2. 模拟循环队列的元素移动


这个示例模拟了一个简单的循环队列,数字 1 到 5 按顺序排列,通过 CyclicReplace 动画展示了它们像在循环队列中一样循环移动位置。


numbers = [Text(str(i)) for i in range(1, 6)]number_group = VGroup(*numbers).arrange(RIGHT)
self.add(number_group)self.play(CyclicReplace(*number_group))self.play(CyclicReplace(*number_group))self.play(CyclicReplace(*number_group))self.play(CyclicReplace(*number_group))self.play(CyclicReplace(*number_group))
复制代码



2.3. 交换等式两边的元素


在数学等式的场景中,先展示一个简单的等式 x + 5 = 10,然后使用 Swap 交换等式中的元素。


eq = MathTex(r"x + 5 = \quad 10")eq[0][0].set_color(GREEN)eq[0][2].set_color(BLUE)eq[0][4:6].set_color(RED)
self.add(eq)self.play(Swap(eq[0][0], eq[0][2]))self.wait()self.play(Swap(eq[0][0:3], eq[0][4:6]))
复制代码



2.4. 对称交换两个图形的位置


这个示例通过交换左右两个不同图形(圆形正方形)的位置,展示了 Swap 在图形布局中用于突出对称关系位置交换的效果。


left_circle = Circle().shift(LEFT)right_square = Square().shift(RIGHT)
self.add(left_circle, right_square)self.wait(0.5)self.play(Swap(left_circle, right_square))
复制代码



文章转载自:wang_yb

原文链接:https://www.cnblogs.com/wang_yb/p/18681770

体验地址:http://www.jnpfsoft.com/?from=001YH

用户头像

EquatorCoco

关注

还未添加个人签名 2023-06-19 加入

还未添加个人简介

评论

发布
暂无评论
manim边做边学--交替变换_开发语言_EquatorCoco_InfoQ写作社区