Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Sledenje objekta na klik
Avtor: NikMan | Objavljeno: dne 3. november 2007, 12:11
  Podobne lekcije so že bile, vendar boste tukaj spoznali osnove oblikovanja objektov in skripto, ki omogoči sledenje na klik.
 
 
1
  
 
Ustvarite novo Flash datoteko.

Jaz sem lekcijo preizkusil v ActionScript 2.0 združljivem dokumentu.

Pritisnite tipki CTRL + J, da odprete okno z lastnostmi dokumenta.

Background color določitepoljubno barvo in Frame rate 45 fps.

Kliknite na gumb OK.
 
 
2
  
 
Ustvarite nov layer.
 
 
3
  
 
Izberite orodje Ractangle Tool.
 
 
4
  
 
Določite belo barvo za Stroke color in oranžno za Fill color (glej sliko).

Potem pa določite debelino črte 2 in izberite Solid (glej sliko).
 
 
 
 
 
5
  
 
Narišite kvadrat.
 
 
6
  
 
Pritisnite tipki CTRL + A, da ga označite.

Lahko ga označite tudi z orodjem Selection Tool (bližnjica je tipka V).

Pritisnite tipko F8 in v polje Name vpišite object.

Označite Movie clip in kliknite na gumb OK.
 
 
7
  
 
V polje Instance name (glej sliko) vpišite object.
 
 
8
  
 
Pritisnite tipko F9 in vnesite naslednjo akcijsko kodo:

onClipEvent (load) {
friction = "0.18";
targetx = Random(300)+20;
targety = Random(300)+20
}

onClipEvent (enterFrame) {
mouse_x = int(targetx-this._x);
mouse_y = int(targety-this._y);
if (mouse_x>0 && mouse_y>0) {
quad = Number(4);
}

if (mouse_x<0 && mouse_y>0) {
quad = Number(1);
}

if (mouse_x<0 && mouse_y<0) {
quad = Number(2);
}

if (mouse_x>0 && mouse_y<0) {
quad = Number(3);
}

abs_x = Math.abs(mouse_x);
abs_y = Math.abs(mouse_y);
tg = abs_y/abs_x;
_root.maths = Math.atan(tg)*Number(180)/Math.PI;
if (quad == 1) { angle = number(90) - number(_root.maths) }
if (quad == 2) { angle = number(90) + number(_root.maths) }
if (quad == 3) { angle = number(270) - number(_root.maths) }
if (quad == 4) { angle = number(270) + number(_root.maths) }
if (not _root.done) { setProperty (_this, _rotation, angle); _root.done = true}
speedx = difx*friction;
speedy = dify*friction;
setProperty (this, _y, _root.object._y+speedy);
setProperty (this, _x, _root.object._x+speedx);
difx = int(targetx)-this._x;
dify = int(targety)-this._y;
}

Zaprite okno Actions.
 
 
9
  
 
Ustvarite nov layer.
 
 
10
  
 
Izberite orodje Oval Tool (bližnjica je tipka O).
 
 
11
  
 
V oknu Properties določite belo barvo za Stroke color in transparentno za Fill color (glej sliko).

Potem pa debelino črte določite 2 in izberite črtkasto (glej sliko)
 
 
12
  
 
Narišite sedaj manjši črtkast krog.

Držite tipko SHIFT, če želite, da se ustvari pravi krog.
 
 
13
  
 
Označite ustvarjen krog z orodjem Selection Tool (bližnjica je tipka V).

Potem pa pritisnite tipko F8 in v polje Name vpišite circle.

Označite Movie clip in kliknite na gumb OK.
 
 
14
  
 
V polje Instance name (glej sliko) vpišite circle.
 
 
15
  
 
Kliknite na krog z desnim miškinim gumbom in izberite Edit in Place.

Lahko tudi dvakrat kliknete nanj.
 
 
16
  
 
V polje Instance name (glej sliko) vpišite circle_inside.
 
 
17
  
 
Označite Frame 10 in pritisnite tipko F6.
 
 
18
  
 
Pritisnite tipko F9 in vnesite naslednjo akcijsko kodo:

gotoAndPlay(1);

Zaprite okno Actions.
 
 
19
  
 
Sedaj pa spodaj v oknu Properties določite Tween na Motion in Rotate na CCW.

Če se vam krog na koncu ne bo vrtel, preglejte ponovno te nastavitve.
 
 
20
  
 
Kliknite z desnim miškinim gumbom nekje med Frame 1 in 10 ter izberite Create Motion Tween.
 
 
21
  
 
Vrnili se bomo nazaj na glavni dokument.

Kliknite na Scene 1.
 
 
22
  
 
Pritisnite tipko F9 in vnesite naslednjo akcijsko kodo:

onClipEvent (load) {
startDrag (this, true);
_root.drag = this;
}

onClipEvent (mouseDown) {
_root.difx = this._x- _root.object._x;
_root.object.targetx = this._x;
_root.dify = this._y- _root.object._y;
_root.object.targety = this._y;
_root.done = False
}

Zaprite okno Actions.
 
 
23
  
 
Ustvarite nov layer.
 
 
24
  
 
Kliknite na Frame 1, pritisnite tipko F9 in vnesite naslednjo kodo:

stop();

Potem pa pritisnite tipki CTRL + ENTER, da si ogledate produkt.

Kliknite tukaj, da si ogledate mojo Flash datoteko.
 
 
Komentiraj
  
 
 
 
 
22.11.2008, 22:45
me zanima ce se lahko doda poljubna slikca namesto kvadratka?
 
 
 
 
22.11.2008, 22:50
Seveda. Pri koraku 6 se določi movie clip. Pred tem pa daš File, Import in Import to stage... in izbereš sliko.

Pač objekt, slika ali karkoli mora biti določen kot movie clip z tipko f8!
 
 
 
 
1.2.2009, 19:30
Pozdravljen, NikMan

Vidim, da si ekspert. Je možna kakšna inštruktorska ura?
V Flashu bi rada naredila nekaj stvari, za katere imam absolutno premalo znanja. Rada bi, da mi nekdo razloži (da bom vedela, za kaj sploh gre) in potem napiše script, jaz ga bom pa potem uporabljala v svojih aplikacijah. Če si za, bom sporočila, kaj bi rada (dve do tri zadeve).
Lep pozdrav, Nataša
 
 
 
 
1.2.2009, 19:35
Pozdravljena Nataša,

žal v Flashu nisem najboljši , vsekakor pa ti bomo poizkušali na tem forumu pomagati na vseh točkah, če bo šlo. Mislim, da je veliko uporabnikov na strani, ki so izjemno sposobni!
 
 
 
 
2.2.2009, 0:00
Kar povej kaj te zanima.
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com