Делаем снегопад в SWFQuicker..)

Четверг, 05 Декабря 2013 г. 03:50 + в цитатник

Цитата сообщения jzayka

Прочитать целиком В свой цитатник или сообщество!

Делаем снегопад в SWFQuicker..)

Нравится? Мне тоже..
Ну и что ,скажете вы..?Медленно падает снег.В любой программе для создания флеш анимации есть готовые снегопады, онлайн сервисов полно,не говоря уже о китайских флешках.
Все это так..Но эти падающие снежинки -не встроенный в программу эффект и сделены не в онлайн сервисе..
Снежинки падать мы заставили при помощи скрипта.Т.е. программно.Что это такое можно почитать ,посмотреть в интеренте,я рассказывать не буду.Потому что сама с этим знакома очень и очень поверхностно.
Вчера в поисках очередной интересности по этой теме, нашла урок
Снег на Flash-открытке.
По этому уроку сделала то,что вы видите на картинке.
Урок прописан для программы Adobe Flash.Предназначен для новичков в этой
программе, однако нужно знать основы работы с инструментами, панелями, интерфейсом программы.

Но так как многие пользуются программой SWFQuicker,решила сделать урок в этой программе.У меня получилось,поэтому хочу поделиться...).
Повторюсь, нужно знать основы работы с инструментами, панелями, интерфейсом программы.
Предлагаю сделать вот такой снегопад.Не ручками,а программно,при помощи скрипта.
Поверьте,это очень интересно.Намного интересней,чем применить готовое.И вы будете радоваться так же как и часикам,плеерам,календарикам..).
Сразу оговорюсь,я не учу..я рассказываю и показываю на скринах как это делала я.

Для этого нам нужна всего лишь одна снежинка и подходяший для снегопада фон.
1.Открыть программу.
2.Файл-новый-ролик.
1 (497x368, 80Kb)

3.Подготовить картинку-фон(запомните размеры)
я выбрала вот эту
1 (500x375, 56Kb)

Размеры нашей картинки
2 (500x376, 149Kb)

4.В панели "Cвойства" проставляем размеры рабочей области по размеру картинки
3 (500x376, 110Kb)

5.На слой 1(пока он один)импотрируем заготовленную картинку.
Файл-импорт..картинка загрузится на рабочее поле .
6.Выровнять пределах рабочей области.
Я это делала при помощи стрелочки(панель инструментов-верхняя слева-Выбор)и стрелочками на клавиатуре.
46 (495x376, 100Kb)

7.Импортируем на этот же слой готовую снежинку в пнг формате( во вложении внизу поста ).Я заготовила в фотошопе беленькую размером 8х8..можно больше,можно меньше..(в зависимости от размера фоновой картинки).Располагаем ее за пределами рабочего поля.Можно нарисовать беленький кружок инструментом Овал.Пока воспользуемся импортированной.
-Файл-импорт..так же как и картинку..
Стрелочкой Выбор выделяем снежинку.
Вот такой синий прямоугольничек должен быть вокруг снежинки-это значит она выделена. 45 (112x121, 0Kb)

Нужно для того чтобы преобразовать ее в символ.
На верхней панели Модификация-Преобразовать в символ
4 (500x376, 123Kb)

-В панели Свойства(внизу слева) в окошко Имя вписывем snow_1
4-1 (500x376, 86Kb)

10.Идем в Библиотеку.Выбираем символ Снежинка(обведен синим прямоугольником).
Жмем по нему правой кнопкой мышки.Выбираем из списка Связывание.
5 (500x376, 120Kb)

Откроется вот такое окошко
Поставим галочки как на скрине и впишем в Идентификатор snow_1
7 (500x376, 102Kb)

11. Создаём ещё один слой для скрипта(слой2). 48 (170x69, 1Kb)

Стоя на этом слое(выделен) открываем панель Действия,копируем
и вставляем следующий код или из текстового файла во вложении(где снежинка)

Stage.scaleMode = "noScale";
_root._quality = "BEST";
var dX:Number = 0;
var dY:Number = 0.25;
function glob_func() {
_root.newX = Math.random()*1-Math.random()*1;
_root.chX = (_root.newX-_root.dX)/(50+random(50));
clearInterval(_root.x_int);
_root.x_int = setInterval(function () {
_root.dX += _root.chX;

if (Math.round(_root.dX*10)/10 == Math.round(_root.newX*10)/10) {
clearInterval(_root.x_int);
}
}, 30);
}

setInterval(glob_func, 5000);
function move_func() {
varDif = this._xscale/100;

this._x += this.dX+_root.dX*varDif;

this._y += this.dY+_root.dY*varDif;

if (this._y>=Stage.height) {
this.removeMovieClip();
}
}

function snow_func() {

varTarget = _root.attachMovie("snow_1", "snow"+_root.getNextHighestDepth()+"_mc", _root.getNextHighestDepth(), {_y:-30, _x:-75+Math.random()*(Stage.width+75)});

varTarget._xscale = varTarget._yscale=25+Math.random()*75;

varTarget.dX = Math.random()*1-Math.random()*1;

varTarget.dY = 0.5+varTarget._xscale/100;

varTarget.onEnterFrame = _root.move_func;
}

setInterval(snow_func, 75);
//
logo_mc.onRollOver = function() {
};

12.После того как вставили код, жмем на зеленую галочку.
-Если сделано все правильно-появится табличка,что ошибок не найдено.
На верхней панели программы жмем на зеленую стрелочку,чтобы протестировать.
13.Если все устраивает-экспорт-экспорт ролика.
Сохраняем и любуемся снегопадом..
8 (500x376, 130Kb)

Серия сообщений "Уроки ":

Часть 1 - Flash Slideshow
Часть 2 - Урок с анимацией крыльев. Sothink SWF Quicker
...
Часть 43 - Урок по созданию флешколлажа "Мир осени пришел"
Часть 44 - Урок ArtVaver "Речка"от daf53
Часть 45 - Делаем снегопад в SWFQuicker..)

Серия сообщений "Sothink SWF Quicker.":
Часть 1 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
Часть 2 - Делаем элементарные часики.Начинаем учиться созданию flash
...
Часть 13 - Создание музыкальной открытки в программе Sothink SWF Quicker
Часть 14 - Вечный таймер обратного отсчета в программе Sothink SWF Quicker. AS2
Часть 15 - Делаем снегопад в SWFQuicker..)
Часть 16 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 17 - Учимся делать флеш-плеер c кнопкой в Sothink SWF Quicker
...
Часть 32 - Как сделать красивый текст в программе Sothink SWF Quicker
Часть 33 - Создаем плеер в Sothink SWF Quicker
Часть 34 - Создание плеера с кнопками из картинки с анимацией. Часть I – Создание плеера с двумя кнопками