Manim进阶：用背景图片让你的数学视频脱颖而出

做Manim动画久了，你是否厌倦了那万年不变的黑色虚空？
很多初学者（甚至老手）都想给动画加个背景图，但往往会遇到两个问题：

• 怎么加？ 是把图片放进去，还是设置相机？
  
• 看不清！ 背景花里胡哨，前面的文字公式瞬间“隐身”了。
  

今天，我们就来揭开Manim动画中一个简单却强大的技巧--为动画添加背景。
通过几个小示例，分别演示两种完全不同的背景处理思路。
1. 舞台布景法

使用ImageMobject类，这是最直观、最常用的方法。
它的逻辑是：背景图片只是舞台上的一个普通演员，只是它长得特别大，而且站得特别靠后。
这种方式的特点是：

• 高度灵活：背景就是个对象（Mobject），所以它可以动！你可以让背景旋转、平移、缩放，甚至改变颜色。
  
• 层级管理：需要手动把它的 z_index 设低，或者最先添加它。
  

下面的第一个示例中，实现一个简单的动态背景，操作背景和操作一般的Mobject是一样的。

1. class Method1ImageMobject(Scene):
2.     def construct(self):
3.         # 1. 加载图片（确保这个图片是存在的）
4.         bg = ImageMobject("./assets/紫色梦幻星空.jpg")
6.         # 2. 核心操作：撑满屏幕并允许超出
7.         # 我们把高度设为屏幕高度的 2 倍，这样才有移动的空间
8.         bg.scale_to_fit_height(config.frame_height * 2)
10.         # 3. 核心操作：放到最底层
11.         bg.set_z_index(-100)
13.         self.add(bg)
15.         # 前景物体
16.         text = Text("方法一：ImageMobject", font_size=40, color=WHITE)
17.         sub = Text("背景可以动！", font_size=24, color=YELLOW).next_to(text, DOWN)
19.         self.play(Write(text), FadeIn(sub))
21.         # 4. 演示优势：让背景缓慢移动
22.         self.play(bg.animate.shift(LEFT * 2), rate_func=linear)
23.         self.play(bg.animate.shift(UP * 2), rate_func=linear)
24.         self.play(bg.animate.shift(RIGHT * 2), rate_func=linear)
25.         self.play(bg.animate.shift(DOWN * 2), rate_func=linear)
26.         self.wait()

复制代码

下面的示例也很简单，就是显示一段简单的公式。
不过，大家可以比较看看，相比于默认的黑色背景，加一个学校的黑板背景，是不是更有亲和力？

1. class Method2ImageMobject(Scene):
2.     def construct(self):
3.         # 1. 加载图片
4.         bg = ImageMobject("./assets/黑板.jpg")
6.         # 2. 调整大小铺满屏幕
7.         bg.scale_to_fit_height(config.frame_height)
8.         bg.scale_to_fit_width(config.frame_width)
10.         # 3. 核心操作：放到最底层
11.         bg.set_z_index(-100)
12.         self.add(bg)
14.         # 前景物体
15.         math = MathTex(r"\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}")
16.         self.play(Write(math))

复制代码

2. 主角光环法

除了上面两种，还有一种比较特殊的方式，也就是BackgroundColoredVMobjectDisplayer类。
它是一个负责渲染的类，专门处理一种特殊情况：当物体拥有“背景色描边”时，如何遮挡住它背后的东西。
我们通过 set_background_stroke() 来调用这个机制。
严格来说不是 “设置全屏背景”，而是 “给物体加一个局部背景（Matte）”，这是在花哨背景下生存的必备技能。
它的特点是：

• 局部遮挡：在文字或公式周围生成一圈不透明的轮廓。
  
• 增强对比：专门用于解决“背景太花，文字看不清”的问题。
  

下面的示例故意构造了一个混乱的背景，然后比较看看，这两个一样的公式，是不是加了局部背景的公式更加清晰。

1. class ReadableFormulaOnImage(Scene):
2.     def construct(self):
3.         # 1. 先设置一个很花的背景（这里为了演示，我们用随机噪点模拟一张复杂的图）
4.         # 实际使用中，请换成你的 image.jpg
5.         noise = Rectangle(width=16, height=10)
6.         noise.set_fill(color=[BLUE, RED, GREEN, YELLOW], opacity=0.5)
7.         # 把它搞得乱一点
8.         for _ in range(20):
9.             line = Line(
10.                 start=[np.random.uniform(-7, 7), np.random.uniform(-4, 4), 0],
11.                 end=[np.random.uniform(-7, 7), np.random.uniform(-4, 4), 0],
12.                 color=random_color(),
13.                 stroke_width=5,
14.             )
15.             self.add(line)
16.         self.add(noise)
18.         # 2. 普通的文字（在花背景下很难看清）
19.         bad_text = MathTex(r"\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}")
20.         bad_text.shift(UP)
22.         # 3. 【核心技巧】使用 BackgroundColoredVMobject 机制
23.         # set_background_stroke 会给文字加一层“描边”
24.         # 这层描边是不透明的，会利用 Displayer 类遮挡住背景！
25.         good_text = MathTex(r"\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}")
26.         good_text.set_background_stroke(color=BLACK, width=8)  # 黑色描边，宽度设大一点
27.         good_text.shift(DOWN)
29.         # 动画演示对比
30.         self.play(Write(bad_text))
32.         self.play(Write(good_text))  # 清晰可见！
33.         self.wait()

复制代码

3. 两种方式比较

两种方式各有自己的应用场景，对比如下：
特性舞台布景法主角光环法本质场景中的一个巨大物体物体自身的描边属性主要用途动态背景、视差滚动、多层背景高亮主体、对抗花哨背景动画能力⭐⭐⭐⭐⭐ (极强)⭐⭐⭐ (跟随物体运动)代码复杂度中 (需手动调大小/层级)低 (一行设置)文档对应Mobject 类BackgroundColoredVMobjectDisplayer最佳场景漂浮的云、移动的星空字幕、复杂背景下的公式4. 总结

简单来说，如果你想做一段电影感的片头，背景需要缓慢推移，请用 舞台布景法；
如果你发现文字看不清了，请使用 主角光环法 (set_background_stroke) 给文字加个 “光环”。

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