如何在2D场景中实现被拖拽物体的Motion Blur（运动模糊）效果

以下是三种不同复杂度、适配不同场景的落地思路，可根据你使用的引擎能力选择：

1. 简易残影法（无Shader要求，适配所有2D引擎） #

这是实现成本最低的方案，适合轻量小游戏、低性能设备场景：

• 维护一个长度3~8的历史状态队列，存储物体的历史坐标、旋转角度
• 每次拖拽位移超过2px（可根据画布分辨率调整）时，把当前物体状态推入队列，队列满了就自动移除最旧的记录
• 每帧渲染时按从旧到新的顺序绘制队列里的物体副本，越旧的副本透明度越低，最旧的副本透明度控制在0.1左右即可
• 性能优化：如果物体是固定纹理，可把残影绘制到独立的离屏层，避免产生多倍draw call

2. 方向模糊Shader法（支持自定义材质的2D引擎可用） #

效果比残影法更自然，性能消耗中等：

• 先实时计算物体拖拽速度：velocity = (currentFramePos - lastFramePos) / deltaTime，速度的模长对应模糊强度，归一化后的向量对应模糊方向
• 给物体绑定自定义方向模糊Shader：采样纹理时沿着运动的反方向采样3~5次，每次采样的偏移量和权重依次降低，混合后输出最终像素
• 当速度模长低于阈值（即物体停止拖拽）时直接关闭模糊，避免静态物体出现边缘虚化

3. 累积缓冲法（高画质需求场景可用） #

能实现最接近真实的运动模糊效果，适合对画质要求高的2D动画、交互场景：

• 新建和画布分辨率一致的透明离屏累积缓冲
• 每帧渲染时先给累积缓冲乘以衰减系数（推荐0.7~0.9，数值越低残影消失越快），再把当前帧的拖拽物体绘制到累积缓冲上
• 最后把累积缓冲和当前场景的其他内容混合输出即可

踩坑提醒：不要把模糊计算绑定到输入事件回调，要和渲染帧的deltaTime绑定，避免输入采样延迟导致的模糊跳变问题。

内容的提问来源于stack exchange，提问作者Alx Po