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

Written By Software on неделя, 6 септември 2009 г. | 6:42

И така, поредицата ни от ефектни 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, за да видите крайния резултат.

0 коментара:

Публикуване на коментар