Actionscript Tweening с Motion Blur

Question

Итак, у меня есть несколько элементов на странице, каждый из которых отключается или зависит от события мыши.До сих пор я могу использовать функцию «Облегчить» их, когда они выходят / выходить, но как мне также настроить анимацию движения, чтобы она размывалась при входе и выходе (размытие в движении), как в предварительных настройках движения.Я хочу выполнить те же самые предустановленные настройки движения, но с помощью Actionscript.

Любая помощь приветствуется, спасибо.

Answer 1

Вы можете проверить следующую статью, которую я написал в своем блоге несколько лет назад:

Добавление размытого изображения в APE (AS Physics Engine)

В те времена, чтобы смоделировать размытое движение, вам нужно было сделать небольшой фокус с вращением.

Статья также включает в себя отдельный пример Flex, который демонстрирует, как добавить направленное размытие движения для анимации движения. Также объясняется, как реализация и трюк, о котором я говорил, работают в принципе.

Загрузить образец направленного размытия движения

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 - тогда вы создадите фильтр, который будет принимать исходное изображение, угол и параметр количества (чтобы вы могли делать более длинные резкие размытия в зависимости от расстояния, которое вы перемещаете). Затем вы передадите эту информацию в свой фильтр шейдеров, и это должно привести к тому же результату (возможно, даже быстрее, чем строго делать это только в AS3).

Новый Flash Player имеет некоторые 3D-возможности и аппаратное ускорение, поэтому, возможно, стоит проверить, доступен ли этот фильтр кем-то другим или уже создан! :)