Conectare

Acest tutorial flash iti va explica cum sa obtii controlul asupra unei imagini, putand sa o derulezi la stanga sau la dreapta doar miscand mouse-ul in aceasta directie.




Rezultatul:


Click pe imagine pentru a activa animatia.



1.Pentru inceput descarcam o fotografie de tip - panorama.
Click dreapta pe urmatoarea - save.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

2.Deschide un nou document in Flash - File - New - daca folosesti Flash CS3/CS4 selecteaza Flash File(ActionScript 2.0) - OK
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

3.Imaginile fotografiei sunt: Inaltime: 300px, Latime: 2734px. Inaltimea trebuie sa se pastreze iar pentru latime vom folosi o valorea mai mica.
Asadar apasa CTRL + J si modifica la Dimensions: 450px (width) x 300px (height), si pentru Frame Rate modificam la valoarea 25fps.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

4.Adaugam imaginea in scena.
File - Import - Import to Stage.. - selectam imaginea - Open.

5.Avand selectata imaginea, deschidem panoul Align (Window - Align) si aliniem imaginea in scena, bifand "To Stage" si dand click pe cele 3 iconite:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

6.Selectam imaginea si apasam tasta F8 pentru a o converti intr-un movie clip, ii dam un nume, bifam Movie clip si apasam OK:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

7.Apasam CTRL + F3 si avand selectata imaginea ii atribuim un nume - imagine_mc - apasam Enter:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

8.De sus, din panoul Timeline (CTRL + ALT + T) selectam primul frame dupa care apasam tasta F9 pentru a deschide panoul Actions:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

9.Copiem urmatorul cod:

this.onMouseMove = function() {
constrainedMove(imagine_mc, 3, 1);
};

function constrainedMove(target:MovieClip, speed:Number, dir:Number) {
var mousePercent:Number = _xmouse/Stage.width;
var mSpeed:Number;
if (dir == 1) {
mSpeed = 1-mousePercent;
} else {
mSpeed = mousePercent;
}
target.destX = Math.round(-((target._width-Stage.width)*mSpeed));
target.onEnterFrame = function() {
if (target._x == target.destX) {
delete target.onEnterFrame;
} else if (target._x>target.destX) {
target._x -= Math.ceil((target._x-target.destX)*(speed/140));
} else if (target._xtarget._x += Math.ceil((target.destX-target._x)*(speed/140));
}
};
}

10.Acum pentru a vedea rezultatul fie apasam CTRL + Enter sau de sus File - Publish Preview - Flash.

Rezultatul:


Click pe imagine pentru a activa animatia

Iti multumim T.I