• Авторизация


Движение панорамных фонов и изображений (паралакc) в Adobe Flash/AS2. 07-03-2016 01:18 к комментариям - к полной версии - понравилось!



ПАРАЛАКС в Adobe Flash/AS2- (движение панорамных фоновых изображений)

Внимание!!! В конце поста есть Приложение  документ WORD  с описанием урока  и скриптом.








Открыть Adobe Flash. Выбрать AS2.

Указать размер сцены, указать количество кадров примерно 30 ( чем больше, тем быстрее будет движение).

Выбрать «Вставить новый символ», выбрать «Фрагмент ролика»
дать имя этому «символу»  (любое чтобы не запутаться) .


2 дать имя символу в Adobe Flash.jpg

Создать на 1 слое рисунок или перетянуть импортированную картинку из библиотеки. Выровнять на сцене. .

1 выровнять изображение в Adobe Flash.jpg

Встать на основную сцену (монтажный кадр), перетянуть созданный символ на основную сцену и опять выровнять.

В окне «Свойства видеоролика» дать имя (
здесь zaya_1). Впрочем ничто не мешает Вам дать другое. Главное потом в коде скрипта указать или заменить на ваше.

2 дать имя символу  видеоролика в Adobe Flash.jpg

Для второго слоя , для третьего и для… энного числа повторяются предыдущие действия.

Но при этом НАДО НЕ Забыть Присвоить имя символам видеоролика:

 zaya_2 zaya_3 zaya_4 и так далее. Это ВАЖНО!!!

2-2 дать имя символу  видеоролика в Adobe Flash.jpg

Создав и перетянув на Основную сцену ( монтажный кадр) все символы видеороликов и расположив их на сцене, поверх всех слоев создать новый слой для скрипта (AS2).  Вызвать окно «Действие» (F9) и в него вписать следующий код скрипта (здесь с размытием, если оно не нужно строки
  содержание слово BlurFilter  можно удалить ).  

*************************

//Все мои слова  можно удалить (они выделены серым цветом и начинаются с этих штрихов //
//BlurFilter- это Степень размытия по вертикали.Первое размытие по x, второе размытие по y, третье качество(1 плохое, 2 хорошее, 3 отличное)
//Если конечно оно Вам нужно, если нет просто удалите из кода эти указания:
zaya_1.filters = [new BlurFilter(Math.abs((l1_xpos-zaya_1._x)/speed*1), 1, 3)];
zaya_2.filters = [new BlurFilter(Math.abs((l2_xpos-zaya_2._x)/speed*3), 3, 3)];

import flash.filters.BlurFilter;
//  размер сцены по x
w = Stage.width;
// переменная будет определять скорость чем больше значение тем меньше скорость
speed = 10;
// отслеживаем перемещение мыши (событие возникает когда мышка сменит свое положение на сцене (speed = 5;) 5- можно заменить.
this.onMouseMove = function() {
// просчитываем новые ИТОГОВЫЕ (те к которым будет стремиться клип) позиции относительно мышки на сцене
// если добавляются новые слои и символы, то на добавить значение: l3_xpos = w/2-(_xmouse-w/5)/2; и так далее
l1_xpos = w/2-(_xmouse-w/5)/2;
l2_xpos = w/2-(_xmouse-w/5)/3;
// имя символов zaya_1,zaya_2 и последующие добавленные, например zaya_3, zaya_4 можно заменить на свое
// и вставить их в порядковые номера строк  кода
this.onEnterFrame = function (){  
 zaya_1._x +=(l1_xpos-zaya_1._x)/speed;
 zaya_2._x +=(l2_xpos-zaya_2._x)/speed;  
 zaya_1.filters = [new BlurFilter(Math.abs((l1_xpos-zaya_1._x)/speed*1), 2, 2)];
 zaya_2.filters = [new BlurFilter(Math.abs((l2_xpos-zaya_2._x)/speed*0), 0, 0)];
}
}


Вот как это выглядит без моих слов:

3 код скрипта с размытием изображения в Adobe Flash.jpg


Чтобы заставить двигаться изображения во вертикали меняем код:

// показания в цифрах (здесь 1)нижних строк можно менять
w = Stage.width/1;
h = Stage.height/1;
// переменная будет определять скорость чем больше значение тем меньше скорость
speed = 10;
//событие-перемещение мыши возникает когда мышка сменит свое положение на сцене 
this.onMouseMove = function() {
//  позиции относительно мышки на сцене
l1_xpos = w/4-(_xmouse-w)/2;
l2_xpos = w/4-(_xmouse-w)/2;
l1_ypos = h/4-(_ymouse-h)/2;
l2_ypos = h/4-(_ymouse-h)/2;
//событие возникающее при переходе на новый фрэйм
this.onEnterFrame = function (){
zaya_1._x +=(l1_xpos-zaya_1._x)/speed;
zaya_2._x +=(l2_xpos-zaya_2._x)/speed;
zaya_1._y +=(l1_ypos-zaya_1._y)/speed;
zaya_1_y +=(l2_ypos-zaya_2._y)/speed;
}
}



Вот как это выглядит без моих слов:

4 код скрипта с вертикальным движением  в Adobe Flash.jpg

На этом все. Со всеми цифрами в скрипте можно манипулировать как хотите.





Желаю удачи. Ваша Таня! Ну или Cadmii))

Надеюсь Вам понравилось! [показать]

 

вверх^ к полной версии понравилось! в evernote
Комментарии (23):
Valeriy_Gavrilov 07-03-2016-01:25 удалить
Cadmii, Танюш, с наступающим тебя!!! Но представь у каждого захожу жму на кнопку "нравится" а мне фигу, не хрена себе. Что за предел на Лиру?или у меня с головой что-то?
Cadmii 07-03-2016-01:32 удалить
Ответ на комментарий Valeriy_Gavrilov # У меня вроде нет проблем с этим( пока))) Были какие то изменения в Лире, но у меня как -то все по старому ..
[330x504]С Праздником!! Будь счастлива, любима и здорова!! Спасибо огромное за урок
Valeriy_Gavrilov 07-03-2016-08:57 удалить
Танюшка! С МАСЛЕНИЦЕЙ тебя. [700x700]
Танюша, спасибо за урок! С праздничком тебя, дорогая!
Сулия 07-03-2016-14:28 удалить
Большое спасибо, Танечка!
Jorjorych 07-03-2016-16:15 удалить
Похвала не лишняя: молодец, Таня! Спасибо за расшифровку. Как нибудь займусь.
Танюша очень интересно! Большое спасибо! С наступающим праздником!
Cadmii 07-03-2016-21:46 удалить
Ответ на комментарий Jorjorych # Я добавила еще один пример. Может это тебя заставит не когда нибудь, а сейчас сделать это?))Смеюсь!
Cadmii 07-03-2016-21:47 удалить
Ответ на комментарий Valeriy_Gavrilov # Спасибо, солнышко!!! Верю, что это всего лишь одна сотая всех цветов, которые ты хотел бы мне подарить)))
Cadmii 07-03-2016-21:48 удалить
Ответ на комментарий Любовь_Терехова # Любаша, Любонька, Любовь!!! Спасибо, что зашла! Удачи тебе, счастья и ПОБЕД!!!!
Cadmii 07-03-2016-21:49 удалить
Ответ на комментарий Сулия # Не за что.Будут вопросы_спрашивай. С праздником!! Удач всегда, везде ПОБЕД!
Cadmii 07-03-2016-21:50 удалить
Ответ на комментарий Татьяна_Волкова_Литвинова # Целую и обнимаю!!! Пусть всегда будет солнце, пусть всегда будет небо, Пусть всегда будет Таня, Пусть всегда будет Счастье ей!
Jorjorych 08-03-2016-11:45 удалить
Ответ на комментарий Cadmii # Таня, чтобы все тебя любили, чтобы всё доставляло тебе удовольствие!!! И много счастливых лет!!!
Nadin-YA 08-03-2016-15:53 удалить
Ответ на комментарий Valeriy_Gavrilov # от браузера зависит
Cadmii 09-03-2016-00:38 удалить
Ответ на комментарий Jorjorych # И что бы мы без Вас делали?? Красивая флеш. Очень понравилось. исчо (103x79, 0Kb)
Jorjorych 09-03-2016-10:39 удалить
Ответ на комментарий Cadmii # Танюш, будет "исчо", если такие классные идейки подаватимешь! А сегодня опохмелимся...
Cadmii 09-03-2016-12:48 удалить
Ответ на комментарий Jorjorych # )))))))))))))) сегодня уже Ваш праздник)))))Теперь уже нам подавать, мыть посуду, убирать....
Jorjorych 09-03-2016-14:36 удалить
Ответ на комментарий Cadmii # Неплохо так: у мужчин один рабочий день, да и тот в праздник! (((...за какие такие заслуги...??????????????????
ЕЛАНОЧКА 09-03-2016-14:59 удалить
Цитирую с благодарностью. С Масленицей Вас и с праздником Весны.


Комментарии (23): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Движение панорамных фонов и изображений (паралакc) в Adobe Flash/AS2. | Cadmii - Виртуальное кафе Вашей мечты | Лента друзей Cadmii / Полная версия Добавить в друзья Страницы: раньше»