Рябь на воде в Flash




Главная > Уроки > Action script 3.0 > Рябь на воде в Flash

Рябь на воде в Flash

Автор/переводчик статьи: Команда сайта flashmaster.org.ua

Дата: 2013-12-11

Часто для конкретных изображений воды нужно сделать рябь, то есть, движение воды, как будто под ветром. Такой эффект оживляет рисунок и привлекает внимание.

Такого можно добиться в программе Flash. Для этого, будет использоваться Action script. Начинаем с того, что открываем Flash и переходим в раздел Action script.

Теперь нужно открыть нужное изображение, то есть, ту картинку, где нужно придать движение воде.

Теперь нужно назвать этот слой и преобразовать его в символ, нажатием кнопки F8. Теперь нужно создать новый слой. Для примера, первый можно назвать «image», а второй - «action». Теперь у нас есть два слоя, которые размещены один за другим.

Следующим шагом будет переход на новый слой и нажатие кнопки F9. В это поле нужно ввести код:

 

var bm:BitmapData=new BitmapData(backImg1.width, backImg1.height);
var disp:DisplacementMapFilter = new DisplacementMapFilter(bm,new Point(0,0),1,2,10,60);
var pt1:Point = new Point(0,0);
var pt2:Point = new Point(0,0);
var perlinOffset:Array = [pt1, pt2];
addEventListener(Event.ENTER_FRAME, onFrame);
function onFrame(evt:Event):void {
perlinOffset[0].x +=1;
perlinOffset[1].y +=0.1;
bm.perlinNoise(45,9,2,50,true,false, 7,true,perlinOffset);
backImg1.filters=[disp]; }

После этого, нажимаем окей. По сути, рябь готова. Протестировать это можно, нажав Ctrl+Enter при выделенном объекте, с уверенностью в том почему слоятся ногти.

Кроме, такого способа можно почти и другим путем. Особенно,если рябь нужна не по всей картинке, а лишь на конкретной области. На том этапе, когда был создан второй слой, нужно перейти на первый и кликнуть правой кнопкой мыши. В меню нужно выбрать "Break Apart". А теперь, выбрав инструмент Line Tool, нужно обвести ту область изображения, где не нужно ряби. Следом за этим нужно скопировать выделенную область, нажав Ctrl+C. Далее, перейдя на второй слой, нажимаем Ctrl+Shift+V.

На следующем этапе снова переходим на первый изначальный слой и выделяем сцену действий, то есть, область воды, а потом нажимаем F8, что превратит ее в символ. В Properties называем символ Movie Clip. А теперь, нужно действовать, как и при первом способе.

Просмотров: 1160


Понравился материал? Поделись с друзьями!





Подписаться на рассылку.

При перепечатки материалов ссылка на наш сайт обязательна!


 1