Manim优化决策树动画：如何优雅缩放移动多个Mobject？

核心思路：用VGroup打包树元素 + 并行动画 #

不用硬编码每个元素的坐标，核心是把整棵树的节点、线条打包成VGroup，这样可以对整个树做统一的缩放、平移；需要单独变换的元素（比如倾斜转竖直的线条）单独提取，和树的整体动画并行执行。

1. 打包整棵树为VGroup #

把树的所有组件（节点、标签、线条）添加到一个VGroup中，之后对VGroup的任何变换（缩放、平移）都会应用到所有子元素上，无需逐个操作。

2. 局部坐标系的简化实现 #

如果需要更灵活的相对定位，可以用一个空的Mobject作为容器，所有树元素都相对于容器的原点（或特定点）来放置，之后移动容器就会带动整个树。本质上VGroup本身就是一个自带局部坐标系的容器，默认以自身中心为原点。

3. 并行处理树移动与线条变换 #

对于需要单独修改的元素（比如Tree_2的红色线条），单独定义目标状态（竖直线条），然后在self.play()中同时执行树的移动动画和线条的变换动画。

完整代码示例 #

from manim import *

class DecisionTreeAnimation(Scene):
    def construct(self):
        # 生成Tree_1并打包为VGroup
        def build_tree_1():
            root = Rectangle(width=2, height=1, color=BLUE)
            root_label = Text("Root").scale(0.5).move_to(root)
            left_node = Rectangle(width=1.5, height=0.8, color=GREEN).shift(LEFT*2 + DOWN*1.5)
            left_label = Text("Left").scale(0.4).move_to(left_node)
            right_node = Rectangle(width=1.5, height=0.8, color=GREEN).shift(RIGHT*2 + DOWN*1.5)
            right_label = Text("Right").scale(0.4).move_to(right_node)
            line_left = Line(root.get_bottom(), left_node.get_top())
            line_right = Line(root.get_bottom(), right_node.get_top())
            return VGroup(root, root_label, left_node, left_label, right_node, right_label, line_left, line_right)

        tree1 = build_tree_1()
        self.play(Create(tree1))
        self.wait()

        # 缩小并左移Tree_1
        self.play(tree1.animate.scale(0.6).shift(LEFT*4))
        self.wait()

        # 生成Tree_2，单独提取需要变换的红色线条
        def build_tree_2():
            root = Rectangle(width=2, height=1, color=BLUE)
            root_label = Text("Root 2").scale(0.5).move_to(root)
            # 初始倾斜线条
            tilted_red_line = Line(root.get_bottom(), RIGHT*1 + DOWN*1.5, color=PURE_RED)
            # 目标竖直线条
            vertical_red_line = Line(root.get_bottom(), DOWN*1.5, color=PURE_RED)
            child_node = Rectangle(width=1.5, height=0.8, color=ORANGE).move_to(vertical_red_line.get_end())
            child_label = Text("Child").scale(0.4).move_to(child_node)
            # 树主体打包为VGroup
            tree_group = VGroup(root, root_label, child_node, child_label)
            return tree_group, tilted_red_line, vertical_red_line

        tree2, tilted_red_line, vertical_red_line = build_tree_2()
        # 在原位置创建Tree_2和倾斜线条
        self.play(Create(tree2), Create(tilted_red_line))
        self.wait()

        # 同时执行树移动到右上 + 线条变竖直
        self.play(
            tree2.animate.shift(RIGHT*3 + UP*2),
            Transform(tilted_red_line, vertical_red_line),
            run_time=1.5
        )
        self.wait()

        # 生成Tree_3并执行类似操作到右下
        def build_tree_3():
            root = Rectangle(width=2, height=1, color=BLUE)
            root_label = Text("Root 3").scale(0.5).move_to(root)
            tilted_line = Line(root.get_bottom(), LEFT*1 + DOWN*1.5, color=PURE_GREEN)
            vertical_line = Line(root.get_bottom(), DOWN*1.5, color=PURE_GREEN)
            child_node = Rectangle(width=1.5, height=0.8, color=PURPLE).move_to(vertical_line.get_end())
            child_label = Text("Child 3").scale(0.4).move_to(child_node)
            tree_group = VGroup(root, root_label, child_node, child_label)
            return tree_group, tilted_line, vertical_line

        tree3, tilted_line, vertical_line = build_tree_3()
        self.play(Create(tree3), Create(tilted_line))
        self.wait()

        self.play(
            tree3.animate.shift(RIGHT*3 + DOWN*2),
            Transform(tilted_line, vertical_line),
            run_time=1.5
        )
        self.wait()

关键细节说明 #

• VGroup的优势：可以通过animate语法快速实现整体变换，比如tree1.animate.scale(0.6).shift(LEFT*4)，无需手动计算每个元素的新坐标。
• 并行动画：self.play()支持同时传入多个动画对象，树的移动和线条的变换会同步执行，保证动画流畅性。
• 局部坐标系扩展：如果需要更复杂的相对定位，可以创建一个空容器container = Mobject()，将所有树元素通过move_to(container.get_center() + offset)来定位，之后移动container即可带动整个树，相当于自定义局部坐标系。

内容的提问来源于stack exchange，提问作者Akut Luna