动作脚本与动作模糊

Question

所以我在页面上有几个项目，每个项目都根据鼠标事件进行补间或输入。到目前为止，我可以在外出时对它们进行缓和但是我如何设置一个补间，以便它像动画预设中的那样进出模糊（运动模糊）。我想完成相同的动画预设设置但使用Actionscript。

感谢任何帮助，谢谢。

Answer 1

您可以查看以下文章，我几年前在我的博客中写道：

Adding Directional Motion Blur to APE (AS Physics Engine)

在那些日子里，为了模拟定向运动模糊，你需要制作一个涉及旋转的小技巧。

该文章还包括一个隔离的Flex样本，演示了如何向补间添加定向运动模糊。它还解释了我提到的实现和技巧原则上是如何工作的。

Download Directional Motion Blur Sample

Answer 2

没有“运动模糊”是AS3。但你可以使用正常模糊，虽然看起来不太逼真。

对于补间过滤器，我建议使用TweenLite。转到TweenLite主页（http://www.greensock.com/tweenlite/）并向下滚动到 TweenLite / Max插件资源管理器。单击 blurFilter 的示例按钮，查看它是如何完成的。

要进行更逼真的运动模糊，您需要复制正在移动的实例并让它们在轨迹中相互跟随。然后，您可以将每一个模糊一点，它们与原始实例的距离越远。

Answer 3

这可能是最好的文章，详细解释了在对象运行方向上进行运动模糊的计算。

http://labs.byhook.com/2010/02/11/simulated-motion-blur-in-flash/

它涵盖了线性，曲线和方向运动模糊。本文中的线性和曲线不一定是“模糊”，而是沿着前一个和当前路径“跟踪”精灵。 定向模糊看起来最令人愉快，尽管精灵的急转弯可能会有明显的模糊角度。

一些开发人员声称通过简单地修改BlurFilter的blurX和blurY值来实现这种运动模糊，这对于水平/垂直运动（分别）很好。但是在对角线上的任何东西，这都会显得有些偏差，因为它只会产生高斯模糊（在45度时，基本上它在blurX和blurY中具有相同的值，没有方向感）。

可能实现的另一种方法是使用着色器。这需要PixelBender的一些知识 - 然后您将创建一个过滤器，可以获取源图像，角度和数量参数（这样您可以根据移动的距离制作更长的戏剧性模糊）。然后，您可以将此信息提供给Shader过滤器，这样可以获得相同的结果（甚至可能比仅在AS3中严格执行此操作更快）。

新的Flash Player具有一些3D功能和硬件加速功能，因此可能值得检查此过滤器是否已经可用或由其他人创建！ ：）