Aнимиране на думи с ActionScript - Flash

При Macromedia Flashр едва ли има нещо по-ефектно от съчетанието на анмация и Action-скрипт... Винаги, полученият резултат е много впечатляващ, и кара хората да си мислят как става. Сега ще ви дам отговора на този въпрос.

И така:

1. Отваряме нов документ, както обикновено :). Размерът няма значение.

2. Напишете няколко думи, след това ги превърнете в символи - Movie Clip. Внимавайте, при заглавията на символите, трябва да присъства "_mc". Примерно:





3. Внимателно нагласяйте Instance name-s на всеки текст. При мен са:
Съответно отгоре - надолу:

toxiclab

tutorialized

pixel2life

goodtutorials

4. Освен това, трябва да са на отделни Layer-и + един допълнителен, с име Actions:



5. Поставете следния скрипт в Layer "Actions", след като сте натиснали F9:

Код

function proximity(clip,music) {
	var x:Number = _root._xmouse;
	var y:Number = _root._ymouse;
	var cx:Number = clip._x;
	var cy:Number = clip._y;
	var prox:Number = Math.sqrt((x-cx)*(x-cx) + (y-cy)*(y-cy));
	if(prox<70) {
		music.setVolume(70-prox);
		clip._xscale = 145 - prox;
		clip._yscale = clip._xscale;
	}
	else {
		music.setVolume(0);
		clip._xscale = 70;
		clip._yscale = clip._xscale;
	}
}

var toxiclabSound:Sound = new Sound(toxiclab);
var tutorializedSound:Sound = new Sound(tutorialized);
var pixel2lifeSound:Sound = new Sound(pixel2life);
var goodtutorialsSound:Sound = new Sound(goodtutorials);

this.onEnterFrame = function() {
	proximity(toxiclab,toxiclabSound);
	proximity(tutorialized,tutorializedSound);
	proximity(pixel2life,pixel2lifeSound);
        proximity(goodtutorials,goodtutorialsSound);
}

toxiclab.onRollOver = tutorialized.onRollOver = pixel2life.onRollOver = goodtutorials.onRollOver = function() {
	this.swapDepths(_root.getNextHighestDepth());
}

6. Накрая трябва да сте получили нещо такова:



С подкрепата на : [link=http://www.toxiclab.org]www.ToxicLab.org[/link]

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: bubsss

marty_ll

:) Страхотен ефект!!!

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.