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


Делаем снегопад в SWFQuicker.. 10-12-2013 09:09 к комментариям - к полной версии - понравилось!

Это цитата сообщения jzayka Оригинальное сообщение

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


[200x217]




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

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

Для этого нам нужна всего лишь одна снежинка и подходяший для снегопада фон.
1.Открыть программу.
2.Файл-новый-ролик.
[497x368]
3.Подготовить картинку-фон(запомните размеры)
я выбрала вот эту
[500x375]
Размеры нашей картинки
[500x376]
4.В панели "Cвойства" проставляем размеры рабочей области по размеру картинки
[500x376]
5.На слой 1(пока он один)импотрируем заготовленную картинку.
Файл-импорт..картинка загрузится на рабочее поле .
6.Выровнять пределах рабочей области.
Я это делала при помощи стрелочки(панель инструментов-верхняя слева-Выбор)и стрелочками на клавиатуре.
[495x376]
7.Импортируем на этот же слой готовую снежинку в пнг формате( во вложении внизу поста ).Я заготовила в фотошопе беленькую размером 8х8..можно больше,можно меньше..(в зависимости от размера фоновой картинки).Располагаем ее за пределами рабочего поля.Можно нарисовать беленький кружок инструментом Овал.Пока воспользуемся импортированной.
-Файл-импорт..так же как и картинку..
Стрелочкой Выбор выделяем снежинку.
Вот такой синий прямоугольничек должен быть вокруг снежинки-это значит она выделена.45 (112x121, 0Kb)
Нужно для того чтобы преобразовать ее в символ.
На верхней панели Модификация-Преобразовать в символ
[500x376]
-В панели Свойства(внизу слева) в окошко Имя вписывем snow_1
[500x376]
10.Идем в Библиотеку.Выбираем символ Снежинка(обведен синим прямоугольником).
Жмем по нему правой кнопкой мышки.Выбираем из списка Связывание.
[500x376]

[500x376]
Откроется вот такое окошко
Поставим галочки как на скрине и впишем в Идентификатор snow_1
[500x376]
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.Если все устраивает-экспорт-экспорт ролика.
Сохраняем и любуемся снегопадом..
[500x376]



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

Часть 1 - Flash Slideshow
Часть 2 - Урок с анимацией крыльев. Sothink SWF Quicker
...
Часть 43 - Урок по созданию флешколлажа "Мир осени пришел"
Часть 44 - Урок ArtVaver "Речка"от daf53
Часть 45 - Делаем снегопад в SWFQuicker..)
Часть 46 - Делаем «Вечный таймер обратного отсчета» в Adobe Flash. AS3
Часть 47 - Урок для Aleo flash intro banner..)


вверх^ к полной версии понравилось! в evernote


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

Дневник Делаем снегопад в SWFQuicker.. | alexa45 - Дневник alexa45 | Лента друзей alexa45 / Полная версия Добавить в друзья Страницы: раньше»