首页 > 其他分享 >manim边学边做--突出显示

manim边学边做--突出显示

时间:2024-12-18 16:41:47浏览次数:3  
标签:play Mobject -- self Indicate 参数 wait 边学边 manim

本篇介绍Manim中用于突出显示某些内容的动画类,主要包括:

  1. ApplyWave:让图形或文字产生连续波浪式变形的动画类,用于展示波动效果,参数可调节
  2. Circumscribe:用于在几何场景中展示图形与其外接图形的关系,动画围绕对象生成外接图形
  3. Flash:通过快速改变对象视觉属性产生闪烁效果,用于强调对象,闪烁参数可自定义
  4. FocusOn:能模拟相机聚焦,引导观众关注特定对象,可设置聚焦速度、缩放比例等参数
  5. Indicate:以箭头、线条等方式指示对象部分或步骤,自定义指示形状、颜色和动态效果
  6. ShowPassingFlash:在对象移动路径上留下短暂闪光,用于体现快速经过的场景,闪光参数可控
  7. Wiggle:使对象在原始位置附近小幅度随机晃动,用于模拟不稳定状态,晃动参数能够调整

1. 动画概述

1.1. ApplyWave

ApplyWave以一种连续、流畅的方式使对象产生波浪式的变形。

可以控制波浪的幅度、频率等参数,通过调整这些参数能够创造出不同强度和风格的波浪效果。

这种变形效果是基于对象的几何形状进行计算的,所以对于复杂形状的对象也能很好地应用,并且能够保证变形过程的平滑性。

它在制作一些具有动态美感的数学函数图像演示或者波动现象(比如物理中的波的传播)时非常有用,

也可以用于文字,使文字产生一种类似在水面上波动的视觉效果,用于一些创意动画的标题展示等场景。

它的主要参数有:

参数名称 类型 说明
mobject Mobject 要进行变形的 Mobject对象
direction np.ndarray 波浪推动形状点的方向
amplitude float 形状点移动的距离
wave_func func 定义一个波峰形状的函数
time_width float 波浪相对于 mobject 宽度的长度
ripples int 波浪的波纹数量

1.2. Circumscribe

Circumscribe着重于突出对象与其外接图形的关系。

动画过程通常是围绕着目标对象生成外接图形,并且可以设置动画的速度和精度。

在生成外接图形的过程中,会根据对象的几何特征来确定外接图形的位置和大小,以确保准确地表现外接的概念。

它主要用于展示图形与外接图形之间的关系。

比如在讲解三角形的外接圆时,可以使用这个动画效果,清晰地展示圆是如何围绕三角形并通过其三个顶点的。

此外,对于一些有外接几何形状概念的其他图形(如四边形的外接椭圆等)也可以使用,能够直观地帮助观众理解外接这一几何关系。

它的主要参数有:

参数名称 类型 说明
mobject Mobject 要进行环绕绘制的 Mobject对象
shape Type 用于环绕给定 Mobject 的形状,只能是矩形(Rectangle)或圆形(Circle
fade_in bool 是否使环绕形状淡入
fade_out bool 是否使环绕形状淡出
time_width float 绘制和擦除的时间宽度
buff float 环绕形状与给定 Mobject 之间的距离
color Color 环绕形状的颜色

1.3. Flash

Flash的特点是快速地改变对象的颜色或透明度等视觉属性来产生闪烁效果,

可以自定义闪烁的次数、频率和颜色变化方式。

当需要强调某个对象或者对象的某个部分时Flash非常有用。

例如,在展示一个复杂的数学模型中的关键元素,或者在一个化学分子结构中突出特定的原子或化学键时,可以使用Flash来吸引观众的注意力。

它的主要参数有:

参数名称 类型 说明
point ndarray / Mobject 闪烁线条的中心点。如果传入的是Mobject,则使用其中心作为中心点
line_length float 闪烁线条的长度
num_lines int 闪烁线条的数量
flash_radius float 闪烁线条开始的距离点
line_stroke_width int 闪烁线条的笔触宽度
color Color 闪烁线条的颜色
time_width float 闪烁线条的时间宽度

1.4. FocusOn

FocusOn能够模拟相机聚焦的效果,将画面的中心或者重点转移到目标对象上,

可以设置聚焦的速度、缩放比例等参数,使聚焦过程更加自然。

它可用于在复杂的场景或者包含多个对象的动画中,引导观众关注特定的区域或对象。

它的主要参数有:

参数名称 类型 说明
focus_point ndarray / Mobject 聚光灯收缩到的点。如果传入的是Mobject,则使用其中心作为收缩点
opacity float 聚光灯的不透明度
color Color 聚光灯的颜色

1.5. Indicate

Indicate通常会以箭头、线条或者颜色变化等方式来指示目标,

可以自定义指示的形状、颜色和动态效果(如箭头的摆动、线条的闪烁等)。

这种指示效果是比较明确的,能够直接引导观众的视线到需要关注的地方,并且可以与其他动画效果结合使用,增强指示的效果。

它在教学动画中经常使用,用于指示对象的某个部分或者强调某个操作步骤。

它的主要参数有:

参数名称 类型 说明
mobject Mobject 要突出显示的 Mobject
scale_factor float Mobject 突出显示时缩放的比例因子
color Color Mobject 突出显示的颜色

1.6. ShowPassingFlash

ShowPassingFlash主要是在对象移动的路径上留下短暂的闪光效果,模拟物体快速通过时的光影变化,

可以控制闪光的颜色、持续时间和强度等参数,以适应不同的场景需求。

它一般用于表现对象的短暂出现或者快速通过的场景。

它的主要参数有:

参数名称 类型 说明
mobject VMobject 要应用此动画效果的对象
time_width float 相对于笔画长度中闪光部分的长度,该参数控制了每一帧中显示的对象部分的大小比例

1.7. Wiggle

Wiggle能够使对象在其原始位置附近进行小幅度的随机晃动,可以调整晃动的幅度、频率和方向等参数。

晃动效果看起来比较自然,不是那种规则的运动,能够很好地模拟出不稳定或者颤抖的状态,而且不会让对象偏离其原始位置太远,保持了一定的整体稳定性。

它用于给对象添加一种不稳定、轻微晃动的效果。

它的主要参数有:

参数名称 类型 说明
mobject Mobject 要摆动的Mobject对象
scale_value float Mobject 摆动时缩放的比例因子
rotation_angle float 摆动角度
n_wiggles int 摆动次数
scale_about_point ndarray Mobject 缩放的中心点
rotate_about_point ndarray Mobject 旋转的中心点

2. 使用示例

下面通过示例来演示各个突出显示类动画的使用。

2.1. ApplyWave 示例

首先创建一个文本对象Text,然后分别演示 ApplyWave 不同参数的设置效果。

  1. 第一次使用默认参数,展示基本的波浪变形效果
  2. 第二次指定了方向为向右(RIGHT)、时间宽度为 0.5、振幅为 0.3,观察这些参数对动画的影响
  3. 第三次设置了速率函数为线性(linear)和波纹数量为 4,查看线性速率和波纹数量下的效果。
  4. 第四次设置了速率函数为非线性(rush_into)和波纹数量为 4,查看非线性速率和波纹数量下的效果
# 创建一个文本对象
t = Text("Hello, Manim!").scale(1.5)
self.add(t)

# 默认参数的ApplyWave
self.play(ApplyWave(t))
self.wait()

# 指定方向 时间宽度和振幅的ApplyWave
self.play(
    ApplyWave(
        t,
        direction=RIGHT,
        time_width=0.5,
        amplitude=0.3,
    ),
)
self.wait()

# 线性波纹
self.play(
    ApplyWave(
        t,
        rate_func=linear,
        ripples=4,
    ),
)
self.wait()

# 非线性波纹
self.play(
    ApplyWave(
        t,
        wave_func=rush_into,
        ripples=4,
    ),
)

2.2. Circumscribe 示例

首先创建一个矩形,然后针对矩形分别演示了Circumscribe的不同参数设置效果。

比如默认参数、指定形状为圆形、淡入、淡出、以及Circumscribe与矩形的间隔buff等等。

# 创建一个矩形
rect = Rectangle(width=3, height=2)
self.add(rect)

# 默认参数的Circumscribe
self.play(Circumscribe(rect))
self.wait()

# 指定形状为圆形的Circumscribe
self.play(Circumscribe(rect, Circle))
self.wait()

# 淡入效果
self.play(
    Circumscribe(
        rect,
        fade_in=True,
        buff=0.1,
        color=RED,
    )
)
self.wait()

# 淡出效果
self.play(
    Circumscribe(
        rect,
        fade_out=True,
        buff=0.3,
        color=GREEN,
    )
)

2.3. Flash 示例

首先创建一个和一个,然后针对分别演示了 Flash 的不同参数设置效果。

对于,展示了默认参数的 Flash 效果;

对于,依次展示了指定线条长度数量颜色起始半径线条宽度时间宽度、和速率函数等参数的效果。

# 创建一个点和一个圆
dot = Dot().shift(UP * 2)
circle = Circle(radius=1)
self.add(dot, circle)

# 默认参数Flash
self.play(Flash(dot))
self.wait()

# 指定线条长度 数量和颜色的Flash
self.play(
    Flash(
        circle,
        line_length=0.5,
        num_lines=20,
        color=YELLOW,
    )
)
self.wait()

# 指定起始半径和线宽度的Flash
self.play(
    Flash(
        circle,
        line_stroke_width=5,
        flash_radius=1.5,
    )
)
self.wait()

# 指定速率函数的Flash
self.play(
    Flash(
        circle,
        rate_func=rush_into,
        time_width=2,
    )
)

2.4. FocusOn 示例

首先创建一个正方形,然后针对正方形分别演示了FocusOn的不同参数设置效果。

除了默认参数,还展示指定不透明度和指定颜色的效果。

# 创建一个正方形和一个三角形
square = Square()
self.add(square)

# 默认参数的FocusOn
self.play(FocusOn(square))
self.wait()

# 指定不透明度的FocusOn
self.play(FocusOn(square, opacity=0.8))
self.wait()

# 指定颜色的FocusOn
self.play(FocusOn(square, color=RED))

2.5. Indicate 示例

首先创建一个文本对象和一个圆形,然后针对文本圆形分别演示Indicate的不同参数设置效果。

比如指定缩放比例因子、指定颜色,以及指定速率函数的效果。

# 创建一个文本对象和一个圆形
text = Text("Indicate Me!").shift(UP * 2)
circle = Circle(radius=1)
self.add(text, circle)

# 默认参数的Indicate
self.play(Indicate(text), Indicate(circle))
self.wait()

# 指定缩放比例因子的Indicate
self.play(
    Indicate(text, scale_factor=1.5),
    Indicate(circle, scale_factor=1.5),
)
self.wait()

# 指定颜色的Indicate
self.play(
    Indicate(text, color=GREEN),
    Indicate(circle, color=BLUE),
)
self.wait()

# 不同速率函数的Indicate
self.play(
    Indicate(text, rate_func=there_and_back),
    Indicate(circle, rate_func=there_and_back_with_pause),
)

2.6. ShowPassingFlash 示例

先创建一个正五边形,然后演示ShowPassingFlash在不同time_width下的效果。

# 创建一个多边形作为示例图形
p = RegularPolygon(n=5, color=GRAY).scale(2)
self.add(p)

colors = [RED, BLUE, GREEN]
time_widths = [0.5, 1, 2]

# 不同time_width参数的效果
for idx, tw in enumerate(time_widths):
    self.play(
        ShowPassingFlash(
            p.copy().set_color(colors[idx]),
            time_width=tw,
            run_time=2,
        )
    )
    self.wait()

2.7. Wiggle 示例

首先创建了一个文本对象和一个矩形,然后分别演示Wiggle默认参数scale_value参数,rotation_angle 参数,n_wiggles参数以及scale_about_pointrotate_about_point参数的使用效果。

# 创建一个文本对象和一个矩形作为示例图形
t = Text("Wiggle Example").shift(UP)
r = Rectangle(width=2, height=1).shift(DOWN)
self.add(t, r)

# 默认参数下的Wiggle
self.play(Wiggle(t), Wiggle(r))
self.wait()

# 指定scale_value参数
self.play(
    Wiggle(t, scale_value=1.3),
    Wiggle(r, scale_value=1.5),
)
self.wait()

# 指定rotation_angle参数
self.play(
    Wiggle(t, rotation_angle=np.pi / 4),
    Wiggle(r, rotation_angle=np.pi / 3),
)
self.wait()

# 指定n_wiggles参数
self.play(
    Wiggle(t, n_wiggles=4),
    Wiggle(r, n_wiggles=8),
)
self.wait()

# 指定scale_about_point和rotate_about_point参数
self.play(
    Wiggle(
        r,
        scale_about_point=r.get_center(),
        rotate_about_point=r.get_corner(UR),
    )
)

3. 附件

文中的代码只是关键部分的截取,完整的代码共享在网盘中(indication.py),

下载地址: 完整代码 (访问密码: 6872)

标签:play,Mobject,--,self,Indicate,参数,wait,边学边,manim
From: https://www.cnblogs.com/wang_yb/p/18615301

相关文章

  • 【重要】csv库函数简介及简单用法示例
    下面是关于Python中csv库函数的简介及简单用法示例的表格,包括序号、函数名、简介和简单用法示例:序号函数名简介简单用法示例1csv.reader创建一个读取CSV文件的对象2csv.writer创建一个写入CSV文件的对象3csv.DictReader创建一个读取CSV文件并将其行作为......
  • Netty出现的异常【已解决】:An exceptionCaught() event was fired, and it reached at
    修改方案:byteBuf.retain();ByteBuf后面添加这个retain(),这个添加原则是这样,如果你消耗了一次ByteBuf,你的下游Handler还需要再次消耗的话,就需要添加这个retain(),以此类推,一定要要注意添加的时机,不然的话可能需要自己手动释放;原因分析:这个错误是因为ByteBuf的已经被逻辑释放......
  • 今天是周三?
    [WUSTCTF2020]朴实无华首先打开页面,发现无信息含泪扫墓路,发现robots.txt访问其中的链接,此时发现http头中藏有一个路径直接访问,得到以下代码,有一点点乱码,用抓包软件打开即可发现代码分为三关,我们一关一关看第一关:intval绕过//level1if(isset($_GET['num'])){$n......
  • 《刚刚问世》系列初窥篇-Java+Playwright自动化测试-7-元素基础定位方式-下篇 (详细教
    1.简介上一篇主要是讲解我们日常工作中在使用Playwright进行元素定位的一些比较常用的基础定位方式的理论基础知识以及在什么情况下推荐使用。今天这一篇讲解和分享一下剩下部分的基础定位方式。2.过滤器定位例如以下DOM结构,我们要在其中单击第二个产品卡的购买按钮。我们有几......
  • WCF实现进度条
    1.WcfServiceLibrary:包含WCF服务接口的定义(`IProgressService.cs`)和实现(`ProgressService.cs`)。2.ProgressServiceUI:包含进度条窗口的实现,该窗口作为WCF服务运行。3.ProgressClient:Windows窗体应用程序,作为WCF服务的客户端。以下是完整的项目结构:```Solution│......
  • Redis实现分布式锁
    RedisLock获取Redis锁,接受锁的key和过期时间作为参数。通过构造带有特定前缀的键名,使用Redis的SetNX操作尝试设置键值对,如果成功则表示获取锁成功。RedisUnLock释放Redis锁,接受锁的key作为参数。构造带有特定前缀的键名,使用Redis的Del操作尝试删除指定的键,通常删除成功时......
  • [迅为RK3568开发板]非科班也能玩转Android应用,体验QT跨平台能力
      QTforAndroid优势01-跨平台的优越性Qt是一个强大的跨平台框架,允许开发者使用相同的代码库来构建多个平台上的应用,包括Windows、macOS、Linux以及移动平台Android和iOS。这意味着开发者不需要为每个平台单独编写代码,可以显著减少开发时间和维护成本。同时,Qt提供......
  • 基于Bootstrap的jquery表格编辑插件
    Bootstable是一款基于Bootstrap的jquery表格编辑插件。通过该jquery表格编辑插件,会自动为表格添加编辑和删除按钮,使表格可以动态编辑。在线预览下载 该jquery表格编辑插件的特点还有:可以对指定表格单元格进行编辑。可以删除表格行。可以添加新的表格行。 使用方法在......
  • uniapp 微信小程序分享内容页的连带bug
    简单模拟,我有pages/index与pages-work/job-detail页面,pages/index页面放的是job列表,今天发现,从job-detail页面分享页面到聊天,然后从聊天点进去,再返回到index页面,数据列表没有加载, 开始排查问题之后发现,直接从聊天页面进入小程序是优先加载该页面所在的包的内容,因为我这里是分......
  • Java程序员如何高效学习Spring Cloud Alibaba?
    SpringCloudAlibaba有多香?大家都知道SpringCloudAlibaba是阿里巴巴提供的微服务开发一站式解决方案,是阿里巴巴开源中间件与SpringCloud体系的融合。依托SpringCloudAlibaba,您只需要添加一些注解和少量配置,就可以将SpringCloud应用接入阿里微服务解决方案,通过阿......