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

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

【问题讨论】:

    标签: python text pygame opacity fade


    【解决方案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 和缓动函数。它们允许您以更有趣的方式为文本(或其他事物)设置动画。我可能会发布另一个示例。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-20
    • 1970-01-01
    • 2011-09-10
    • 2010-12-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多