Manim实现涟漪扩散特效

在视频制作和数据可视化领域，涟漪扩散特效是一种常见且富有视觉吸引力的动画效果。
本文将详细介绍如何使用Manim数学动画引擎来实现这一效果，包括其实现原理、使用示例以及应用场景。
1. 实现原理

涟漪扩散特效主要通过RippleEffect类来实现，该类继承自Manim的Animation基类。让我们深入了解其核心实现机制：
1.1. 核心设计思路

1. class RippleEffect(Animation):
2.     """
3.     涟漪扩散特效动画类
4.    
5.     实现方法：使用Circle类创建多个同心圆，然后通过发光层实现发光效果，
6.     再利用脉冲效果实现闪烁，从而模拟涟漪的扩散和闪烁。
7.     """

复制代码

1.2. 参数设计

该类提供了丰富的参数控制，使其具有高度可定制性：

1. def __init__(
2.     self,
3.     mobject: Mobject,
4.     num_ripples: int = 5,
5.     max_radius: float = 3.0,
6.     min_radius: float = 0.1,
7.     ripple_speed: float = 1.0,
8.     color: ParsableManimColor = BLUE,
9.     fade_out: bool = True,
10.     glow_num: int = 3,
11.     glow_width: float = 5,
12.     pulse_frequency: float = 2.0,
13.     **kwargs
14. ):
15.     # 存储参数
16.     self.num_ripples = num_ripples
17.     self.max_radius = max_radius
18.     self.min_radius = min_radius
19.     self.ripple_speed = ripple_speed
20.     self.color = color
21.     self.fade_out = fade_out
22.     self.glow_num = glow_num
23.     self.glow_width = glow_width
24.     self.pulse_frequency = pulse_frequency

复制代码

1.3. 多颜色支持实现

代码巧妙地支持单色和多色两种模式：

1. # 处理颜色参数，支持单个颜色或多个颜色
2. if isinstance(color, (list, tuple)):
3.     self.colors = list(color)
4.     self.use_multiple_colors = True
5. else:
6.     self.colors = [color]
7.     self.use_multiple_colors = False

复制代码

1.4. 涟漪对象初始化

在构造函数中，代码预先创建了所有需要的涟漪圆环和对应的发光层：

1. # 创建涟漪圆环列表
2. self.ripples = []
3. self.glow_layers = []
5. # 创建多个同心圆环作为涟漪
6. for i in range(num_ripples):
7.     # 确定当前涟漪的颜色
8.     if self.use_multiple_colors:
9.         ripple_color = self.colors[i % len(self.colors)]
10.     else:
11.         ripple_color = self.colors[0]
13.     # 使用Circle创建圆环，初始半径为最小半径
14.     circle = Circle(
15.         radius=min_radius,
16.         stroke_color=ripple_color,
17.         stroke_width=2,
18.         fill_opacity=0,
19.     ).move_to(mobject.get_center())
21.     self.ripples.append(circle)
23.     # 为每个涟漪创建发光层
24.     glow_group = []
25.     for j in range(glow_num):
26.         glow = circle.copy()
27.         glow_group.append(glow)
28.     self.glow_layers.append(glow_group)

复制代码

1.5. 动画插值实现

interpolate_mobject方法是实现动画效果的核心，它在每一帧都会被调用：

1. def interpolate_mobject(self, alpha: float):
2.     """
3.     实现动画效果的核心方法
4.    
5.     Parameters:
6.         alpha - 是一个介于 0 和 1 之间的参数，表示动画的进度
7.     """
8.     # 计算时间进度，考虑涟漪速度
9.     time_alpha = alpha * self.ripple_speed
11.     # 为每个涟漪计算不同的相位偏移，创建连续的涟漪效果
12.     for i, (ripple, glow_group) in enumerate(zip(self.ripples, self.glow_layers)):
13.         # 确定当前涟漪的颜色
14.         if self.use_multiple_colors:
15.             ripple_color = self.colors[i % len(self.colors)]
16.         else:
17.             ripple_color = self.colors[0]
19.         # 计算每个涟漪的相位偏移
20.         phase_offset = i / self.num_ripples
22.         # 计算当前涟漪的时间进度
23.         ripple_time = (time_alpha + phase_offset) % 1
25.         # 计算当前半径，从最小半径到最大半径
26.         current_radius = interpolate(self.min_radius, self.max_radius, ripple_time)
28.         # 计算透明度，如果启用淡出效果
29.         if self.fade_out:
30.             # 使用正弦函数创建自然的淡出效果
31.             opacity = np.sin(ripple_time * PI) * 0.8
32.         else:
33.             opacity = 0.8
35.         # 确保透明度不为负数
36.         opacity = max(0, opacity)
38.         # 添加脉冲效果
39.         pulse_effect = np.sin(ripple_time * self.pulse_frequency * 2 * PI) * 0.2
40.         opacity = max(0, opacity + pulse_effect)
42.         # 创建新的圆环并更新属性
43.         new_ripple = Circle(
44.             radius=current_radius,
45.             stroke_color=ripple_color,
46.             stroke_width=2,
47.             stroke_opacity=opacity,
48.             fill_opacity=0,
49.         ).move_to(self.mobject.get_center())
51.         # 更新涟漪对象
52.         ripple.become(new_ripple)
54.         # 更新发光层
55.         for j, glow in enumerate(glow_group):
56.             phase = j / self.glow_num
58.             # 设置发光层属性
59.             glow.become(new_ripple.copy())
60.             glow.set_stroke(
61.                 width=self.glow_width * (1 - phase) + 1,  # 宽度递减
62.                 color=ripple_color,
63.                 opacity=opacity * 0.3 * (1 - phase),  # 透明度递减
64.             )

复制代码

这个方法实现了几个关键的视觉效果：

• 涟漪扩散：通过计算当前半径，使圆环从中心向外扩散
  
• 涟漪淡出：使用正弦函数创建自然的淡出效果
  
• 脉冲效果：添加额外的正弦波动来模拟涟漪的脉冲闪烁
  
• 发光效果：为每个涟漪添加多层发光效果，并使它们的宽度和透明度递减
  
• 相位偏移：为不同的涟漪设置不同的相位偏移，创造连续的涟漪效果
  

2. 使用示例

代码提供了三种不同的使用示例，展示了涟漪效果的多样化应用：
2.1. 单颜色涟漪效果

最简单的应用场景，从一个中心点向外扩散单色涟漪：

1. class RippleEffectExample(Scene):
2.     """
3.     涟漪扩散特效示例场景
4.     """
6.     def construct(self):
7.         # 创建一个点作为涟漪的中心
8.         center_dot = Dot(color=YELLOW)
9.         self.add(center_dot)
11.         # 创建涟漪扩散特效
12.         ripple_effect = RippleEffect(
13.             center_dot,
14.             num_ripples=8,
15.             max_radius=4.0,
16.             min_radius=0.1,
17.             ripple_speed=1.5,
18.             color=BLUE,
19.             glow_num=5,
20.             glow_width=8,
21.             pulse_frequency=3.0,
22.         )
24.         # 将所有涟漪和发光层添加到场景中
25.         for ripple, glow_group in zip(ripple_effect.ripples, ripple_effect.glow_layers):
26.             self.add(ripple)
27.             for glow in glow_group:
28.                 self.add(glow)
30.         # 播放动画
31.         self.play(ripple_effect, run_time=5)
32.         self.wait()

复制代码

2.2. 双涟漪效果

展示两个同时扩散的涟漪效果，可以用于表现两个对象之间的交互：

1. class DualRippleEffectExample(Scene):
2.     """
3.     双涟漪扩散特效示例场景
4.     展示两个同时扩散的涟漪效果
5.     """
7.     def construct(self):
8.         # 创建两个点作为涟漪的中心
9.         center_dot1 = Dot(color=YELLOW).shift(LEFT * 2)
10.         center_dot2 = Dot(color=RED).shift(RIGHT * 2)
12.         self.add(center_dot1, center_dot2)
14.         # 创建两个涟漪扩散特效
15.         ripple_effect1 = RippleEffect(
16.             center_dot1,
17.             num_ripples=6,
18.             max_radius=1.5,
19.             min_radius=0.1,
20.             ripple_speed=1.2,
21.             color=BLUE,
22.             glow_num=4,
23.             glow_width=6,
24.             pulse_frequency=5.5,
25.         )
27.         ripple_effect2 = RippleEffect(
28.             center_dot2,
29.             num_ripples=6,
30.             max_radius=1.5,
31.             min_radius=0.1,
32.             ripple_speed=1.2,
33.             color=RED,
34.             glow_num=8,
35.             glow_width=4,
36.             pulse_frequency=2.5,
37.         )
39.         # 将所有涟漪和发光层添加到场景中
40.         for ripple, glow_group in zip(
41.             ripple_effect1.ripples, ripple_effect1.glow_layers
42.         ):
43.             self.add(ripple)
44.             for glow in glow_group:
45.                 self.add(glow)
47.         for ripple, glow_group in zip(
48.             ripple_effect2.ripples, ripple_effect2.glow_layers
49.         ):
50.             self.add(ripple)
51.             for glow in glow_group:
52.                 self.add(glow)
54.         # 同时播放两个动画
55.         self.play(ripple_effect1, ripple_effect2, run_time=5)
56.         self.wait()

复制代码

2.3. 多颜色涟漪效果

最具视觉冲击力的效果，从一个中心点向外扩散多种颜色的涟漪：

1. class MultiColorRippleEffectExample(Scene):
2.     def construct(self):
3.         # 创建一个点作为涟漪的中心
4.         center_dot = Dot(color=YELLOW)
5.         self.add(center_dot)
7.         # 创建涟漪扩散特效
8.         ripple_effect = RippleEffect(
9.             center_dot,
10.             num_ripples=8,
11.             max_radius=4.0,
12.             min_radius=0.1,
13.             ripple_speed=1.5,
14.             color=[BLUE, RED, GREEN, YELLOW, ORANGE],
15.             glow_num=5,
16.             glow_width=8,
17.             pulse_frequency=3.0,
18.         )
20.         # 将所有涟漪和发光层添加到场景中
21.         for ripple, glow_group in zip(ripple_effect.ripples, ripple_effect.glow_layers):
22.             self.add(ripple)
23.             for glow in glow_group:
24.                 self.add(glow)
26.         # 播放动画
27.         self.play(ripple_effect, run_time=5)
28.         self.wait()

复制代码

3. 总结

3.1. 特效特点

• 高度可定制：提供了丰富的参数控制，包括涟漪数量、大小、速度、颜色、发光效果等
  
• 视觉效果优美：通过多层发光、脉冲效果和相位偏移，创造出逼真而华丽的涟漪效果
  
• 支持多颜色模式：可以实现单色涟漪或彩虹般的多色涟漪效果
  
• 易于扩展：基于Manim的Animation类，易于与其他动画效果结合
  

3.2. 使用场景

涟漪扩散特效在以下场景中特别有用：

• 数据可视化：用于突出显示数据点或数据变化
  
• 科学动画：模拟水面波纹、声波、电磁波等物理现象
  
• 教育视频：在解释概念时吸引观众注意力，提高学习效果
  
• 产品展示：为产品演示添加视觉亮点，增强吸引力
  
• 片头片尾：作为视频过渡或装饰元素
  
• 用户界面设计：在交互式应用中提供视觉反馈
  

通过本文介绍的RippleEffect类，你可以轻松在自己的动画项目中实现这一效果，为你的作品增添视觉吸引力。

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！