Помогни ни да направим Uroci.net по - богат! Добави урок

Падащи снежинки - Flash

asdgjr   трудност:    видян: 25026

И така, поредицата ни от ефектни Flash-анимации продължава със следващия пример, как можете да си направите падащи снежинки по много лесен начин.

1. Създайте нов документ 400х300 пиксела. Нагласете Document Properties, както е показано на картинката:



2. Сега отидете на Insert > New Symbol. Озаглавете го "snow", и настройте, както е показано:



3. И тук е моментът да нарисуваме нашата снежинка. Точно така, само една. После ще има Action-script, който ще свърши всичко останало. :) Ето как изглежда моята снежинка:



4. Сега натискаме на Scene 1 в Timeline, за да излезем от току-що направения от нас символ. Той е вече готов, и сега го оставяме на мира.



5. Сега натиснете Ctrl + L, за да се покаже Library. Кликнете с Десен бутон на мишката върху нашия Movie Clip (Снежинката) и дайте Linkage. Уверете се, че настройките са точно, както е показано на следващата картинка:



6. Почти сме готови. Остана най-важната част от урока, а именно Action-script-а. Натиснете на Frame 1 в Timeline и дайте F9 (това ще отвори Action-прозореца). Copi-райте следния текст, и го Paste-нете точно там:

width = 550;
height = 400;
total = 200;
for (var t = 0; t != total; t++) {
var mc = _root.attachMovie("snow", "snow"+t, _root.getNextHighestDepth());
mc._x = (Math.random()*(width+20))-10;
mc._y = (Math.random()*(height+20))-10;
mc.yspeed = (Math.random()*1.75)+0.25;
mc.speed = (Math.random()*3)+2;
mc._xscale = mc._yscale=(mc.speed+mc.yspeed)*10;
mc.onEnterFrame = function() {
var angle = Math.atan2(_root._xmouse-(width/2), _root._ymouse)+1.5707963267949;
this._y += Math.sin(angle)*this.speed+this.yspeed;
this._x += Math.cos(angle)*this.speed;
if (this._x>width+10) {
this._x = -10;
} else if (this._x<0-10) {
this._x = width+10;
}
if (this._y>height+10) {
this._y = -10;
} else if (this._y<0-10) {
this._y = height+10;
}
};
}


7. Вече сме напълно готови. Натиснете Ctrl + Enter, за да видите крайния резултат.



Коментари (14)

amelie на 09.12 2008 в 02:45ч.
Здравейте, много ми харесва урока, по скоро целта му, но мисля че някъде бъркам, нямам обаче идея къде :) Първо не знам дали правилно рисувам снежинката, и съм с Флаш ЦС4 - не знам има ли някакви разлики, по принцип сега се захващамс това. Моля ако някой може да помага, мерси :)
amelie на 09.12 2008 в 22:53ч.
Вече ми се получи - мисля че е несъвместимо с Action Script 3 :) И все пак прекрасен урок :)
vassbg на 10.12 2008 в 13:14ч.
Супер - точно нещо такова ми трябваше а познанията ми по Flash и най вече Action script-a са несериозни.
nolyna на 17.12 2008 в 16:59ч.
Много хубав урок. Аз сега започвам да уча макромедия и въпреки това успях да го направя. Много благодаря на asdgjr за труда, който е положил да го обработи и да го качи тук!
asdgjr на 24.12 2008 в 10:31ч.
Мерси много
badluck на 27.12 2008 в 00:36ч.
Ще кажеш ли с коя програма го напрай.Да с флаш ама коя версия ??
SimolanT на 25.03 2009 в 18:38ч.
браво асдгжр мн добър урок :):) мерси много , много ми помогна :)
n0pt0kalk0 на 18.06 2009 в 21:23ч.
ъпф... не става
kozzleto на 23.06 2009 в 01:12ч.
Евала бате.. аз правех до сега този ефект с 'Motion tween'-а.. амиии спести ми около 30 мин. работа ;)
grandmasterd на 28.11 2009 в 16:52ч.
Хора... къде е това Linkage??? Аз съм с Flash CS4. Явно има някакви разлики и заради това не мога да се справя с урока.
schaubya на 21.12 2009 в 10:20ч.
Linkage при 4 е в Properties (десен бутон върху символа), иначе работи с ActionScript2
kapchoni на 22.12 2009 в 11:11ч.
Много готин урок имам само един въпрос: когато го използвам при всеки loop се добавят нови снежинки как да се спре това? (още съм нова във флаш и не ми е много ясно)
lenyto на 17.12 2011 в 13:06ч.
много хубав урок, супер стана :))
anika2626 на 03.08 2012 в 16:05ч.
Невероятен ефект!
Изглежда прекрасно! Благодаря много!

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com