使用 tkinter 的高效交叉淡入淡出（混合）图像过渡动画

Question

我正在使用 tkinter 制作图片幻灯片 python 项目。 GUI 允许用户从缩略图库中获取 select 图像（最终也是视频），并在外部监视器或投影仪上显示所选图像，同时在 GUI 中显示预览图像（两个不同的库）。 目标是在选择的每个图像之间创建平滑的淡入淡出过渡 animation。 我尝试构建一个循环 function 逐渐改变新选择的图像的 .putalpha 值并将该图像应用到 canvas 的顶部“层”。 这在较低分辨率下效果很好，但是当我的分辨率较高（接近 1920x1080）时，性能会受到太大影响，无法使过渡平滑且美观。 在单个函数和行上运行 time.process_time_ns 后，我怀疑在 tkinter 将图像应用到 canvas 时发生了减速。 我还使用 pyglet sprites 成功创建了渐变 animation，但我不确定是否有办法将 pyglet output 嵌入到我当前的 ZE5BA8B4C39C29BF13426EF5E0287AAA 项目中。 我的另一个想法是以某种方式使用 OpenCV 来生成过渡。 go 关于创建这个 animation 的最佳方法是什么？ 提前感谢您的帮助：以下是我使用循环将图像应用于预览和 output 画布的代码：

def transition_loop():
    global image_frame_count
    global image_frames_needed
    global fps
    global start
    
    if image_frame_count < image_frames_needed:
        add_image_opacity()
        # add selected image to background_image
        window.after(int((1/fps)*1000), transition_loop)  # time int is fps converted to ms
        image_frame_count += 1


def add_image_opacity():
    global image_alpha_value
    global live_image_original
    global image_alpha_value_steps
    global output_image_1_add, output_image_2_add, preview_image_1_add, preview_image_2_add, preview_image

    image_alpha_value = (image_alpha_value + image_alpha_value_steps) # add step for each frame
   
    live_image_original_output.putalpha(int(image_alpha_value))
    live_image_original_preview.putalpha(int(image_alpha_value))
    
    # four new global variables (one for each image canvas) are necessary to prevent garbage collection during transitions
    if selected_image_canvas == image_preview_container_1:
        # add selected image to output canvas
        output_image_1_add = ImageTk.PhotoImage(live_image_original_output)
        output_canvas.itemconfig(image_output_container_1, image=output_image_1_add)
        output_canvas.coords(image_output_container_1, output_image_position_x, output_image_position_y)
        output_image_1_add.image = output_image_1_add

        # add selected image to preview canvas
        preview_image_1_add = ImageTk.PhotoImage(live_image_original_preview)
        preview_canvas.itemconfig(image_preview_container_1, image=preview_image_1_add)
        preview_canvas.coords(image_preview_container_1, imagex2,imagey2) # moves image to imagex/imagey position
        preview_image_1_add.image = preview_image_1_add
        
    elif selected_image_canvas == image_preview_container_2:
        # add selected image to output canvas
        output_image_2_add = ImageTk.PhotoImage(live_image_original_output)        
        output_canvas.itemconfig(image_output_container_2, image=output_image_2_add)
        output_canvas.coords(image_output_container_2, output_image_position_x, output_image_position_y)
        output_image_2_add.image = output_image_2_add

        # add selected image to preview canvas
        preview_image_2_add = ImageTk.PhotoImage(live_image_original_preview)
        preview_canvas.itemconfig(image_preview_container_2, image=preview_image_2_add)
        preview_canvas.coords(image_preview_container_2, imagex2,imagey2) # moves image to imagex/imagey position
        preview_image_2_add.image = preview_image_2_add