Sunteți pe pagina 1din 5

Derulare imagine cu ajutorul mouse-ului

http://www.tutorialul.ro/derulare-imagine-cu-ajutorul-mouse-ului.html

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.

2.Deschide un nou document in Flash - File - New - daca folosesti Flash CS3/CS4 selecteaza Flash
File(ActionScript 2.0) – OK
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.

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:
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:

7.Apasam CTRL + F3 si avand selectata imaginea ii atribuim un nume - imagine_mc - apasam Enter:
8.De sus, din panoul Timeline (CTRL + ALT + T) selectam primul frame dupa care apasam tasta F9
pentru a deschide panoul Actions:

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._x<target.destX) {
  target._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:

S-ar putea să vă placă și