如何在 Pygame 中淡入和淡出文本

Posted

技术标签:

【中文标题】如何在 Pygame 中淡入和淡出文本【英文标题】:How to fade in and out a text in Pygame 【发布时间】:2019-03-22 04:49:21 【问题描述】:

我知道如何在屏幕上显示文本,但我不喜欢它出现和消失的方式。我希望它淡入淡出。更改 RGB 是不可能的,因为有背景图像。你能告诉我一个改变文本不透明度的代码吗?

【问题讨论】:

【参考方案1】:

要淡出文本,您可以在文本表面上粘贴一个白色透明表面并传递pygame.BLEND_RGBA_MULT 特殊标志。

在每帧或特定时间间隔之后减少(或增加以淡入)alpha 值(查看这些timers)并使用它来填充alpha_surf

alpha = max(alpha-4, 0)
alpha_surf.fill((255, 255, 255, alpha))

另外,每次更改 alpha 时创建原始文本表面的副本,否则会因为原始文本被修改而过快淡出。这是一个最小的完整示例:

import pygame as pg


def main():
    clock = pg.time.Clock()
    screen = pg.display.set_mode((640, 480))
    font = pg.font.Font(None, 64)
    blue = pg.Color('royalblue')
    orig_surf = font.render('Enter your text', True, blue)
    txt_surf = orig_surf.copy()
    # This surface is used to adjust the alpha of the txt_surf.
    alpha_surf = pg.Surface(txt_surf.get_size(), pg.SRCALPHA)
    alpha = 255  # The current alpha value of the surface.

    while True:
        for event in pg.event.get():
            if event.type == pg.QUIT:
                return

        if alpha > 0:
            # Reduce alpha each frame, but make sure it doesn't get below 0.
            alpha = max(alpha-4, 0)
            txt_surf = orig_surf.copy()  # Don't modify the original text surf.
            # Fill alpha_surf with this color to set its alpha value.
            alpha_surf.fill((255, 255, 255, alpha))
            # To make the text surface transparent, blit the transparent
            # alpha_surf onto it with the BLEND_RGBA_MULT flag.
            txt_surf.blit(alpha_surf, (0, 0), special_flags=pg.BLEND_RGBA_MULT)

        screen.fill((30, 30, 30))
        screen.blit(txt_surf, (30, 60))
        pg.display.flip()
        clock.tick(30)


if __name__ == '__main__':
    pg.init()
    main()
    pg.quit()

【讨论】:

我还建议查看linear interpolation 和缓动函数。它们允许您以更有趣的方式为文本(或其他事物)设置动画。我可能会发布另一个示例。

以上是关于如何在 Pygame 中淡入和淡出文本的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Droplr 上使用 CSS/jQuery 淡入/淡出多个文本?

SwiftUI - 使用淡入淡出动画更改文本

如何使用 jQuery 制作一个简单的淡入/淡出面板?

如何重复淡入淡出和动画?

如何仅使用 CSS 创建淡入/淡出效果?

请问 在Android编辑mp3时,如何设置mp3的淡入淡出效果?