Manim中,.animate语法是一个非常实用的功能,它能让你的动画代码变得更加简洁和直观。

本文将详细介绍.animate语法,看看它是如何让动画制作变得更加简单又有趣,即使是编程新手也能轻松上手。

1. .animate是什么?

Manim中,.animate是一个特殊的语法糖,它允许你将对象的属性修改操作直接转换为动画效果。

简单来说,当你对一个动画对象Mobject)使用.animate前缀时,原本立即生效的属性修改会变成一个平滑的动画过渡过程。

举个简单的例子,如果你想让一个正方形旋转 45 度,传统的做法可能需要使用Rotate动画类,而使用.animate语法,你只需要在旋转方法前加上.animate即可:

# 传统方法
self.play(Rotate(square, angle=PI/4)) # 使用.animate语法
self.play(square.animate.rotate(PI/4))

2. 为什么需要 .animate?

使用Manim中提供的各类动画类,也能实现各类动画效果,.animate语法并不是提供新的动画效果,而是:

2.1. 让代码更加简洁

想象一下,如果你需要对一个对象进行多次属性修改,并且希望每次修改都产生动画效果,传统的方法需要为每一次修改都创建一个动画对象,这会让代码变得冗长繁琐。

.animate语法允许你以链式调用的方式完成多个动画效果,让代码更加简洁直观。

2.2. 更符合自然编程思维

.animate语法的设计理念是** "所见即所得"**,你可以像平时修改对象属性一样编写代码,而 Manim 会自动将这些修改转换为流畅的动画效果。

这种方式更符合我们日常的编程思维,降低了动画编程的学习成本。

2.3. 增强动画控制能力

通过.animate语法,你可以更精细地控制动画的各个方面,比如动画持续时间、缓动效果等。你

可以将多个动画效果组合在一起,创建出复杂而流畅的动画序列。

3. 常用场景是和使用示例

下面我们通过示例来演示.animate语法在一些常用场景的使用。

3.1. 基本属性动画

最常见的.animate用法就是对对象的基本属性进行动画化,比如位置、旋转角度、颜色、大小等。

下面的示例展示了如何使用.animate语法创建一个动态变化的正方形:

class AnimatedSquare(Scene):
def construct(self):
# 创建一个蓝色正方形
square = Square(color=BLUE, fill_opacity=0.7) # 显示正方形
self.play(Create(square)) # 使用.animate语法创建一系列动画
self.play(
square.animate.set_fill(RED), # 改变填充颜色
)
self.play(
square.animate.rotate(PI / 6), # 旋转45度
)
self.play(
square.animate.shift(UP), # 向上移动
)
self.play(
square.animate.scale(1.5), # 放大1.5倍
) # 等待一段时间查看效果
self.wait()

在这个示例中,我们使用.animate语法对正方形的填充颜色、旋转角度、位置和大小进行了动画化处理。

所有这些动画效果形成一个流畅的动画序列。

3.2. 场景变换动画

除了基本属性的动画,.animate语法还可以用于对象的变换效果。

下面的示例展示了如何将一个正方形变换为圆形,并在变换过程中使用.animate语法添加颜色变化:

from manim import *

class AnimatedSquare(Scene):
def construct(self):
# 创建一个蓝色正方形
square = Square(color=BLUE, fill_opacity=0.7).shift(DOWN).scale(0.5) # 显示正方形
self.play(Create(square)) # 使用.animate语法创建一系列动画
self.play(
square.animate.set_fill(RED), # 改变填充颜色
)
self.play(
square.animate.rotate(PI / 6), # 旋转45度
)
self.play(
square.animate.shift(UP), # 向上移动
)
self.play(
square.animate.scale(1.5), # 放大1.5倍
) # 等待一段时间查看效果
self.wait()

在这个示例中,我们首先使用.animate.rotate对正方形进行旋转动画,然后使用Transform将正方形变换为圆形,最后再使用.animate.set_fill对圆形的颜色进行动画化处理。

通过.animate语法,我们可以轻松地在不同的动画效果之间创建平滑的过渡。

3.3. 多对象动画控制

.animate语法还可以用于同时控制多个对象的动画效果,下面是一个示例,展示了如何同时对两个正方形进行不同的动画处理:

from manim import *

class MultipleObjectsAnimated(Scene):
def construct(self):
# 创建两个正方形
left_square = Square(color=BLUE, fill_opacity=0.7).shift(1.5 * LEFT)
right_square = Square(color=GREEN, fill_opacity=0.7).shift(1.5 * RIGHT) # 同时显示两个正方形
self.play(Create(left_square), Create(right_square)) # 使用.animate语法对左边正方形进行旋转动画
# 同时使用传统方法对右边正方形进行旋转
self.play(
left_square.animate.rotate(PI), # 使用.animate语法
Rotate(right_square, angle=PI), # 传统方法
run_time=2, # 动画持续时间
) # 等待一段时间查看效果
self.wait()

这个示例展示了.animate语法和传统动画方法的区别。

左边的正方形使用.animate.rotate进行旋转,而右边的正方形使用传统的Rotate类进行旋转。

由于旋转 180 度后对象的起始状态和结束状态相同,.animate语法会尝试在两个相同的状态之间进行插值,这可能会产生一些意想不到的效果(比如上面左边正方形显示的是缩放效果,而不是旋转效果),而传统的Rotate类则会直接执行旋转动作。

4. 总结

.animate语法是 Manim 中一个非常实用的功能,它让动画编程变得更加简单和直观。

通过.animate语法,你可以像修改普通对象属性一样编写动画代码,而 Manim 会自动将这些修改转换为流畅的动画效果。

无论是基本属性的动画、对象变换还是多对象控制,.animate语法都能让你的代码更加简洁和易读。

不过,.animate语法并不是为了取代传统动画方法,它们各有应用场景,使用.animate语法时也要注意:

  1. .animate语法的本质:当你使用.animate语法时,Manim 实际上是在对象的当前状态和目标状态之间进行插值计算,从而生成平滑的动画效果。这意味着如果你的起始状态和结束状态相同,可能不会看到任何动画效果。
  2. 传统动画方法相比:在大多数情况下,.animate语法已经足够满足你的动画需求,但在某些特殊情况下,比如需要精确控制动画的插值方式或处理复杂的对象变换时,传统的动画方法可能更加合适。
  3. 动画持续时间缓动效果:你可以通过self.play方法的参数来控制.animate动画的持续时间和缓动效果,例如run_time=2设置动画持续 2 秒,easing=smooth设置平滑的缓动效果。

轻松掌握Manim的.animate语法:让动画编程更简单的更多相关文章

  1. Jquery小例子:全选按钮、加事件、挂事件;parent()语法;slideToggle()语法;animate()语法;元素的淡入淡出效果:fadeIn() 、fadeOut()、fadeToggle() 、fadeTo();function(e):e包括事件源和时间数据;append() 方法

    function(e): 事件包括事件源和事件数据,事件源是指是谁触发的这个事件,谁就是事件源(div,按钮,span都可以是事件源),时间数据是指比如点击鼠标的事件中,事件数据就是指点击鼠标的左建或 ...

  2. Adobe Edge Animate –地球自转动画的实现,类似flash遮罩层的效果

    Adobe Edge Animate –地球自转动画的实现,类似flash遮罩层的效果 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 目前Edge的功能尚 ...

  3. vue中使用第三方插件animate.css实现动画效果

    vue中使用第三方插件animate.css实现动画效果1.首先先引入第三方类animated.css2.将你所需要动画的标签用包裹起来3.在transition元素中添加enter-active-c ...

  4. 转一篇简洁的UIView动画编程方法

    iOS  中的 UIView 动画编程其实还是很简单的,像 CSS3 一样,在给定的时间内完成状态连续性的变化呈现.比如背景色,Frame 大小,位移.翻转,特明度等. 以前我使用的编程方式都是用下面 ...

  5. 冒泡动画按钮的简单实现(使用CSS3)

    冒泡动画按钮的简单实现(使用CSS3) 原始的参考文章是 http://tutorialzine.com/2010/10/css3-animated-bubble-buttons/ ,基本原理是利用了 ...

  6. Cats(3)- freeK-Free编程更轻松,Free programming with freeK

    在上一节我们讨论了通过Coproduct来实现DSL组合:用一些功能简单的基础DSL组合成符合大型多复杂功能应用的DSL.但是我们发现:cats在处理多层递归Coproduct结构时会出现编译问题.再 ...

  7. Swift动画编程指南-01 简介

    大家好,我是老镇,这段时间家里和工作上发生了很多的事情,所以很长一段时间都没有出来搞什么小动作了.在接下来的一段时间内我会制作一些列关于使用Swift进行动画编程的视频,希望和大家胃口. 在iOS的世 ...

  8. iOS开发之动画编程的几种方法

    iOS开发之动画编程的几种方法 IOS中的动画总结来说有五种:UIView<block>,CAAnimation<CABasicAnimation,CATransition,CAKe ...

  9. iOS开发CoreAnimation解读之一——初识CoreAnimation核心动画编程

    iOS开发CoreAnimation解读之一——初识CoreAnimation核心动画编程 一.引言 二.初识CoreAnimation 三.锚点对几何属性的影响 四.Layer与View之间的关系 ...

  10. “AS3.0高级动画编程”学习:第一章高级碰撞检测

    AdvancED ActionScript 3.0 Animation 是Keith Peters大师继"Make Things Move"之后的又一力作,网上已经有中文翻译版本了 ...

随机推荐

  1. Docker 容器的数据卷 以及 数据卷容器

    Docker 容器删除后,在容器中产生的数据还在吗? 答案是 不在 Docker 容器和外部机器可以直接交换文件吗? 在没有数据卷的情况下,答案是 不可以 如下图:外部机器:Windows系统(自己的 ...

  2. 【C++】开源:ImGui图形用户界面库配置与使用

    项目介绍 项目Github地址:https://github.com/ocornut/imgui Dear ImGui (ImGui) 是一个开源的.用 C++ 编写的图形用户界面(GUI)库.它由O ...

  3. Postman 提示{"msg":"JSON parse error: Unexpected character (' ' (code 160))

    报错提示{"msg":"JSON parse error: Unexpected character (' ' (code 160)) 解决方案: json 格式选择be ...

  4. go mod 安装bee 报错

    报错信息 go: github.com/beego/bee imports github.com/beego/bee/cmd imports github.com/beego/bee/cmd/comm ...

  5. SQL 常见优化指南

    这一章介绍SQL常见的优化,一共30条 第一条 对查询优化,要尽量的避免全表扫描,首先应该考虑在where以及order by 涉及的列上建立索引. 第二条 应尽量避免在where子句中对字段的nul ...

  6. 用Adobe Illustrator编辑ArcGIS地图的方法

      本文介绍在ArcGIS下属的ArcMap软件中,将绘制好的地图导出为.ai或者.eps格式文件,并在Adobe Illustrator软件中进一步编辑地图,并最终导出为图片格式的结果文件的方法. ...

  7. 【Python自动化测试环境管理】tox

    1. tox基本介绍 1.1 tox是什么? tox 是一个用于管理 Python 项目的自动化测试和环境管理工具.它的主要功能是创建虚拟环境并运行项目的测试套件,tox能够让我们在同一个Host上自 ...

  8. 【C#】Winform监听USB串口设备拔插实现自动断开

    [C#]Winform监听USB串口设备拔插 零.问题 最近在开发串口相关的软件,需要检测串口拔掉后主动关闭串口,因此需要检测到USB的拔插事件. 一.解决 在主窗口From类下覆盖WndProc方法 ...

  9. IP地址查询服务

    IP地址查询站点 https://ip.cn/ http://ip.qq.com/ http://ip138.com/ https://www.apnic.net/ ... IP计算 ip地址在线计算 ...

  10. 机器人SLAM导航书重磅来袭

    机器人SLAM导航书重磅来袭 互联网和人工智能技术可以看成是对人类大脑的进一步延展,而机器人技术则可以看成是对人类躯体的进一步延展.如果人工智能技术仅仅停留在虚拟的网络和数据之中,那么其挖掘并利用新知 ...