图像的**粒子化过渡动画（Particle Transition Animation）**是一种将图像分解为粒子，再从一个图像过渡到另一个图像的视觉特效。它常用于电影特效、UI 动画、幻灯片切换等场景，具有很强的视觉吸引力。 我们可以使用 Python 的 `numpy`、`opencv-python` 和 `matplotlib` 等库来实现这个效果。其基本思路是： - 将图像像素点抽象为粒子 - 为每个粒子定义初始位置和目标位置 - 使用插值或物理模拟实现粒子从源图像到目标图像的运动 - 每一帧更新粒子位置并绘制当前帧图像 --- ## ✅ 示例：使用 Python 实现图像的粒子化过渡动画 ### 📌 功能说明： - 将图像像素抽象为粒子 - 粒子从第一张图像的位置移动到第二张图像的位置 - 支持控制粒子数量、动画帧数、运动方式 - 可用于 UI 动画、图像转场、视频特效等场景 --- ## ✅ 示例代码： ```python import cv2 import numpy as np import random # 加载图像 img1 = cv2.imread("image1.jpg") img2 = cv2.imread("image2.jpg") # 图像尺寸 height, width = img1.shape[:2] # 参数设置 num_particles = 1000 # 粒子数量，数值越大效果越细腻 num_frames = 60 # 动画帧数 speed_factor = 0.02 # 粒子移动速度因子 # 从图像中随机选取粒子位置和颜色 def get_particles(img, num_points): h, w = img.shape[:2] points = [] colors = [] for _ in range(num_points): y = random.randint(0, h - 1) x = random.randint(0, w - 1) points.append((x, y)) colors.append(img[y, x]) return np.array(points, dtype=np.float32), np.array(colors, dtype=np.uint8) # 获取粒子初始位置和目标位置 src_points, src_colors = get_particles(img1, num_particles) dst_points, dst_colors = get_particles(img2, num_particles) # 创建窗口 cv2.namedWindow("Particle Transition", cv2.WINDOW_NORMAL) # 动画循环 for frame in range(num_frames + 1): # 计算当前 alpha 值（0~1） alpha = frame / num_frames # 粒子当前位置 = 起始位置 * (1 - alpha) + 目标位置 * alpha current_points = (1 - alpha) * src_points + alpha * dst_points current_colors = (1 - alpha) * src_colors + alpha * dst_colors # 创建空白帧 frame_img = np.zeros_like(img1) # 绘制所有粒子 for i in range(num_particles): x, y = int(current_points[i][0]), int(current_points[i][1]) b, g, r = current_colors[i] if 0 <= x < width and 0 <= y < height: cv2.circle(frame_img, (x, y), 2, (int(b), int(g), int(r)), -1) # 显示当前帧 cv2.imshow("Particle Transition", frame_img) # 按下 Esc 键退出 if cv2.waitKey(30) == 27: break cv2.destroyAllWindows() ``` --- ## ✅ 代码解释： ### 🔹 1. `get_particles()` 函数： - 从图像中随机采样像素点作为粒子 - 返回粒子的坐标（x, y）和颜色（BGR） ### 🔹 2. 粒子运动逻辑： - 使用线性插值实现粒子从源位置移动到目标位置： ```python current_points = (1 - alpha) * src_points + alpha * dst_points ``` - 同样对颜色进行线性插值： ```python current_colors = (1 - alpha) * src_colors + alpha * dst_colors ``` ### 🔹 3. 绘制每一帧： - 使用 `cv2.circle()` 在图像上绘制每个粒子 - 粒子大小可以调节（示例中是 `2` 像素） ### 🔹 4. 控制帧率： - 使用 `cv2.waitKey(30)` 控制每帧间隔时间为 30ms，即帧率约为 33 FPS --- ## ✅ 可扩展功能： ### ✅ 1. 实现粒子运动路径为曲线（如贝塞尔曲线）： ```python def bezier_point(p0, p1, p2, t): return (1 - t)**2 * p0 + 2 * (1 - t) * t * p1 + t**2 * p2 ``` ### ✅ 2. 实现粒子旋转或缩放动画： ```python M = cv2.getRotationMatrix2D((x, y), angle, scale) rotated_point = cv2.warpAffine(...) ``` ### ✅ 3. 实现粒子从中心向外扩散的动画： ```python center_x, center_y = width // 2, height // 2 direction = np.array([center_x - x, center_y - y]) current_points[i] = src_points[i] + direction * alpha ``` ### ✅ 4. 将动画保存为视频文件： ```python fourcc = cv2.VideoWriter_fourcc(*'mp4v') video_writer = cv2.VideoWriter("particle_transition.mp4", fourcc, 30, (width, height)) video_writer.write(frame_img) ``` --- ## ✅ 注意事项： - 图像尺寸必须一致，否则需先进行缩放或裁剪 - 粒子数量越多动画越细腻，但计算量越大 - OpenCV 不支持透明通道的视频编码，如需透明通道需使用 `ffmpeg` 生成 WebM 或 MOV 格式 --- ###