Uvod u ActionScript3

ActionScript 3
Actionscript je objektno orijentiran skriptni jezik za
Adobe Flash i Adobe Air okruženje.
●Omogućava interaktivnost (kao što su padajući
meniji, tekstovi za unos podataka i sl.) Prvotno je
zamišljen da ima ulogu upravljanja jednostavnim
2D animacijama, ali su kasnije inačice dobile niz
novih funkcionalnosti za razvoj igrica na webu i
bogatih Internet.
●Izvršava se pomoću Actionscript Virtual Machine
(AVM) koja je dio Flash Playera. Kad se kompajlira
prebacuje se u bytecode format koje se ugrađuje u
izlaznu SWF datoteku, a kasnije se izvršava od
strane Flash Playera.
●
Dodavanje AS aplikaciji
Za dodavanje AS potrebno je otvoriti panel sa
akcijama koji pozivamo iz izbornika
Window -> Action ili kraticom F9.
●
Da bi dodali AS u nekom određenom trenutku
potrebno je napraviti novi Layer nazvati ga
odgovarajućim imenom te napraviti ključni
kadar u kojem će se kod izvršavati.
●
Kako dodati AS na objekt?
Staviti objekt na scenu
●Dati objektu Instance Name u properties panelu
●Otvoriti AS panel (F9)
●Napisati instanceName objekta kojemu se želi
dodati neki od događaja.
●Dodati objektu:
●
.addEventListener(odabrani (željeni) događaj,
funkcija koja će izvršiti aktivnost)
MouseEvent – Događaji
MouseEvent.MOUSE_CLICK
Aktivira se na kada korisnik klikne tipku miša
●MouseEvent.MOUSE_DOWN
Aktivira se na kada korisnik spusti tipku miša
●MouseEvent.MOUSE_UP
Aktivira se na kada korisnik pusti tipku miša
●MouseEvent.MOUSE_MOVE
Aktivira se na kada korisnik pomiče miša unutar područja scene
●MouseEvent.MOUSE_OVER
Aktivira se na kada korisnik pomiče kursor miša preko nekog objekta
(npr. Tekstualno polje, gumb, itd...)
●MouseEvent.MOUSE_OUT
Aktivira se na kada korisnik makne kursor miša sa nekog objekta.
●
play(); – pokreni animaciju
Aktivnosti
vremenske linije
●stop(); – zaustavi
animaciju
●nextFrame(); - idi na sljedeći kadar
●prevFrame(); - idi na prethodni kadar
●gotoAndPlay(); – idi na zadano mjesto i pokreni
animaciju
●gotoAndStop(); – idi na zadano mjesto i tamo se
zaustavi
●navigateToURL(new URLRequest(“URL”)); - idi na
zadani url
●
Primjer 1
okrugli_btn.addEventListener(MouseEvent.
CLICK, pokreniAnimaciju);
function pokreniAnimaciju(e:MouseEvent):void{
gotoAndPlay(1, “Scene 2”);
}
Tekstualno polje
Dodati na scenu tekstualno polje
●Postaviti tekstualno polje na Dynamic text
●Zadati instanceName
●
Upis teksta u polje:
txt_polje.text = “Neki tekst”
●
Koraci u izradi galerije
Osnovno:
1.Promjeniti postavke dokumenta željene dimenzije
2.Odabrati slike i staviti ih u knjižnicu
3.Napraviti 3 sloja: gumbi, velike slike, AS
4.Na sloju gumbi: pozicionirati slike, promijeniti im
veličinu na 100x100, te ih pretvoriti u gumbe
5.Na sloju velike slike, na 4 različita kadra pozicionirati
slike veličine 500x400, nazvati svaki kadar imenom po želji
6.Napraviti gumbe funkcionalnim.
●Dodatno:
Napraviti od velikih slika movieclip-ove, te osmisliti način
animacije (prijelaz).
●
Zadaci:
1. Napraviti gumb koji kada kliknemo na njega
otvara stranicu http://www.google.com
●2. Napravi gumb koji na klik otvara drugu scenu.
●3. Napraviti gumb koji kada kliknemo na njega u
tekstualno polje upisuje „Dobar dan“
●4. Napraviti gumb koji kada kliknemo na njega u
briše tekst iz tekstualnog polja.
●

Download Report