【manim】之滚动字幕

manim,滚动,字幕 · 浏览次数 : 415

小编点评

## 代码解析 此代码封装了一个 `text_displayer` 类,用于在 Manim 库中制作字幕。 **主要成员:** * `sc`: DrawScene 对象,用于绘制字幕 * `text_arr`: 一组文本 * `start_position`: 文本开始显示的位置 * `display_length`: 文本显示的最大数量 * `buff`: 每行文本之间的间隙 * `cur_index`: 目前显示的文字索引 **方法:** * `next()`: 循环显示字幕,并返回 `False` 表示没有更多字幕 * `__init__`: 初始化方法,设置参数,并调用 `next()` 方法展示第一个字幕 **关键逻辑:** 1. 初始化 `text_arr` 和 `cur_index` 2. 从 `text_arr` 中获取当前显示的文本 3. 根据 `cur_index` 显示文本 4. 使用 `FadeOut` 和 `Write`动画移动文字 5. 检查 `cur_index` 是否超过 `display_length`,如果是,则隐藏最开始的文字 **测试代码:** 示例代码展示了最多显示一行和三行字幕的实现。 **总结:** 代码封装了数学公式推导的动画,并提供了一个简单的模板,方便用户根据需要修改文本、颜色等参数。

正文

概要

manim 是一个做数学视频的 python 库,这个库功能非常强大。
具体可以参考官方介绍:https://github.com/ManimCommunity/manim/

它本身只是封装数学相关的几何体和一些基础动画,所以,制作视频时,需要进一步封装更复杂的动画来满足视频的要求。
最近做的一个视频有很多公式推导,所以封装了一个滚动字幕的组件。

代码封装

核心代码如下:

# -*- coding: utf-8 -*-
from manim import *

class text_displayer:
    """
    字幕替换封装
    """

    def __init__(
        self, sc: Scene, arr, start_position=UP * 3, display_length=1, buff=0.5
    ) -> None:
        """
        初始化

        Parameters
        ---------
        sc
            绘制字幕的场景
        arr
            字幕列表,是 list 类型
        start_position
            字幕开始位置,默认位置偏上 UP*3
        display_length
            最多显示字幕行数,超出时则隐藏最早的那一行,其他行相应移动位置
        buff
            每行字幕间隔的位置
        """
        self.sc = sc  # 当前场景
        self.text_arr = arr  # 所有文本
        self.start_position: int = start_position  # 开始显示的位置
        self.display_length: int = display_length  # 最多显示的行数
        self.buff = buff  # 每行文本之间的间隔
        self.cur_index: int = 0  # 当前的index

    def next(self) -> bool:
        if self.cur_index >= len(self.text_arr):
            return False

            # 是否需要上移
        if self.cur_index >= self.display_length:  # 已达到显示的最大值
            # 清除第一层的文字
            self.sc.play(FadeOut(self.text_arr[self.cur_index - self.display_length]))

            # 上移已有的文字
            for i in range(self.display_length - 1, 0, -1):
                self.sc.play(
                    self.text_arr[self.cur_index - i].animate.move_to(
                        self.start_position
                        + DOWN * (self.display_length - 1 - i) * self.buff
                    )
                )

            # 显示当前行
            d = self.cur_index // self.display_length
            if d == 0:
                self.sc.play(
                    Write(
                        self.text_arr[self.cur_index].shift(
                            self.start_position - UP * self.buff * self.cur_index
                        )
                    )
                )
            else:
                self.sc.play(
                    Write(
                        self.text_arr[self.cur_index].shift(
                            self.start_position - UP * self.buff * (self.display_length - 1)
                        )
                    )
                )

            self.cur_index += 1
            return True

整体比较简单,通过初始化函数 __init__设置相关的参数,然后不断调用 next()方法显示字幕,直至返回 False为止。

测试效果

测试代码如下:

# -*- coding: utf-8 -*-
from manim import *


class Example(Scene):
    def construct(self):
        arr = [
            Text("第一行", color=RED),
            Text("第二行", color=YELLOW),
            Text("第三行", color=BLUE),
            Text("第四行", color=RED),
            Text("第五行", color=YELLOW),
            Text("第六行", color=BLUE),
            Text("第七行", color=RED),
            Text("第八行", color=YELLOW),
        ]

        # 最多显示一行
        td = text_displayer(self, arr, start_position=UP, display_length=1)

        # 最多显示三行
        # td = text_displayer(self, arr, start_position=UP, display_length=3)

        while td.next():
            pass

最多显示一行的效果如下:
out.gif

最多显示三行的效果:
out.gif

与【manim】之滚动字幕相似的内容:

【manim】之滚动字幕

概要 manim 是一个做数学视频的 python 库,这个库功能非常强大。具体可以参考官方介绍:https://github.com/ManimCommunity/manim/ 它本身只是封装数学相关的几何体和一些基础动画,所以,制作视频时,需要进一步封装更复杂的动画来满足视频的要求。最近做的一个

【manim】之圆规动画

概要 前端时间做尺规作图相关的动画的时候,封装了一个圆规的动画,顺便研究了下 manim 库的动画函数。 manim 本身就是做动画的库,所以,基于它封装自定义的动画非常方便。 动画原理 对于单个的元素,manim本身就提供了非常多的动画函数。 比如:创建/消除的动画,移动元素的动画,旋转元素的动画

【manim】之目录动画

概要 最近,结合视频剪辑工具剪映制作短视频时, 如果不是数学相关的内容,使用视频剪辑工具配置字幕,添加图片等等比 manim更加方便。 所以,用 manim封装一个目录的动画,用来配合剪辑工具中的其他资源。 代码封装 基于manim封装一个目录显示的 class。 主要属性就是 titles,也就是

manim边学边做--Matrix

在代数问题中,矩阵是必不可少的工具,manim中提供了一套展示矩阵(Matrix)的模块,专门用于在动画中显示矩阵格式的数据。关于矩阵的类主要有4个: Matrix:通用的矩阵 IntegerMatrix:元素是整数的矩阵 DecimalMatrix:元素包含小数的矩阵 MobjectMatrix:

manim边学边做--MathTex

上一篇介绍的SingleStringMathTex主要用来显示只有一行的数学公式,对于复杂的数学公式,可以使用MathTex类。 MathTex类继承自SingleStringMathTex,在其基础之上增加了更多的功能。其实,MathTex是制作数学动画时常用的类,反而SingleStringMa

【manim动画教程】-- 安装

manim是基于python语言开发的开源框架,是由 3blue1brown 开发的。 本来是他们自己用来制作数学视频用的,因为其友好的API和漂亮的UI效果,在开源之后,立刻流行起来。 原先开源的地址是: 后来托管给了社区,现在安装最新的版本请从这里下载: 改版之后,命令行更加清晰,简单。 支持的

【manim动画教程】-- 基本图形

制作数学视频时,各类几何图形是使用最频繁的。 一般来说,常用的几何图形包括:点,线,圆以及多边形。 1. 点 点是最简单图形,也是其他所有图形的基础。 绘制其他任何图形时,都是用点来定位的。 manim中生成一个点很方便,只要给定一个坐标即可。 这里的坐标包含 [x, y, z]3个维度,如果绘制二

【manim动画教程】-- 图形样式

manim绘制图形时,除了上一节提到的那些必须的参数,还有一些可选的参数, 这些参数可以控制图形显示的样式。 绘制各类基本图形(点,线,圆,多边形等)时,每个图形都有自己的默认的样式,比如上一节的图形, 有的默认是白色,有的默认是红色。 控制图形样式的参数最常用的有以下四个: stroke_widt

【manim动画教程】-- 文字和公式

manim中提供了两种方式来表示文字信息,一种是 Text系列,一种是 Tex系列。 从目前我自己的使用的体验来看, Text系列在显示文字信息方面,提供了更多的的属性来调整显示效果。如果有大段的文字要排版,或者对文字的显示效果要求高的话,建议使用 Text。 而 Tex系列最大的优势是支持 Lat

【manim动画教程】-- 文本样式

文本的样式主要指颜色和字体相关的属性设置。 对于manim的两个文本对象 Text和 Tex来说, Text对象有更多的属性可以调整样式,相对来说,由于 Tex主要用来显示数学公式,所以关于样式的属性要少一些。 下面介绍一些我在视频制作时最常用的一些颜色和字体相关的属性。 1. 颜色相关 颜色设置主