as-flash.com

U ovom tutorijalu cu objasniti najcesce koristene filtere u Flashu. To su Blur, Glow, Bevel, Shadow, Gradient glow, Gradient bevel. Kao i svi filteri za njihovu upotrebu je prije svega potrebno “pozvati” odgovovarajucu klasu. No najprije krenimo sa primjerom kao i uvijek da biste shvatili sto cemo raditi.

---

---

Ovdje mozete skinuti source

---

Kao prvo napraviti cemo cijelu konstrukciju primjera bez ActionScripta. Tek kad sredimo grafiku i “radio dugmice” krenuti cemo sa pisanjem koda. U svom primjeru koristiti cu PNG grafiku iPoda mini. Nadam se da znate importirati sliku. Kad je slika na sceni pretvoriti cu je u Movie Clip (tipka F8) i nakon toga cu postaviti Instance name u Properties prozoru kao ipod_mc.Slijedi postavljanje 7 radio buttona na scenu. Da biste dobili radio buttone morate najprije otvoriti prozor Components (Ctrl + F7). U tom prozoru cete pronaci Folder User Interface i u njemu Radio Button.

Dovoljno je odvuci radio button na scenu i kopirati ga 6 puta. Kad ih na sceni imate 7 krecemo sa postavljanjem njihovih parametara - Instance name i label.U properties panelu za svaki radio button posebno postavite instance name :

• blur_rb
• shadow_rb
• glow_rb
• bevel_rb
• grad_glow_rb
• grad_bevel_rb
• reset_rb

Kao sto ste postavili Instance name za svaki dugmic takoder i postavite varijablu label tih dugmica tako da odgovaraju instance imenima. Da biste postavili label morate imati otvoren prozor Component Inspector (Shift + F7). Samo promijenite vrijednosti pod label. Ostalo neka ostane isto. Na slici vidite primjer za blur_rb

Jos amo za reset_rb postavite selected na true u Component Inspectoru.

S ovime smo zavrsili sa “dizajniranjem”.

Actionscript

Svaki filter cemo postaviti u svoju funkciju. Te funkcije cemo pozivati kada korisnik klikne na radio button.

- Blur filter

• function blur_funk() {
  if (blur_rb.selected==false) {
  import flash.filters.BlurFilter;
  var filterblur:BlurFilter = new BlurFilter(20,20, 2);
  ipod_mc.filters = [filterblur];
  }
  }
  

Kreiram funkciju blur_funk. Slijedi uvijet if. Kod unutar { } ce se izvrsiti ako radio dugmic blue_rb nije ranije selektiran.
Importiramo potrebnu klasu za filter blur. Kreiramo nas filter koji prima 3 varijable (20,20,2) tj. (blur po X osi , blur po Y osi , kvaliteta blura). Na kraju slijedi primjena filtera na sliku tj. ipod_mc.
Konstruktor blur filtera je:

BlurFilter([blurX:Number], [blurY:Number], [quality:Number])

- Glow filter

• function glow_funk() {
  if (glow_rb.selected==false) {
  import flash.filters.GlowFilter;
  var filterglow:GlowFilter = new GlowFilter(0xFFCC00, 0.6, 50, 50, 2, 5, false, false);
  ipod_mc.filters = [filterglow];
  }
  }
  

Kao i ranije najprije kreiram funkciju u koju cu smjestiti glow filter. Naredba if radi kao i ranije. Ako radio button nije ranije selektiran izvrstiti ce se kod ipod. Importiramo potrebnu klasu za filter glow. Kreiramo nas glow filter koji prima 8 varijabli.
Konstruktor glow filtera je:

GlowFilter([color:Number], [alpha:Number], [blurX:Number], [blurY:Number], [strength:Number], [quality:Number], [inner:Boolean], [knockout:Boolean])

Na kraju slijedi primjena filtera na sliku tj. ipod_mc.

- Shadow filter

• function shadow_funk() {
  if (shadow_rb.selected==false) {
  import flash.filters.DropShadowFilter;
  var filtershadow:DropShadowFilter = new DropShadowFilter(10, 45, 0×000000, 0.3, 5, 5, 5, 1, false, false, false);
  ipod_mc.filters = [filtershadow];
  }
  }
  

Kreiram funkciju shadow_funk. If uvijetom odredujem da se kod ispod izvrsi samo ako radio button shadow_rb nije ranije selektiran. Importiram klasu potrebnu za shadow filter. Kreiram svoj shadow filter sa svojim vrijednostima. Ovaj filter prima 11 varijabli. Konstruktor shadow filtera je:

DropShadowFilter([distance:Number], [angle:Number], [color:Number], [alpha:Number], [blurX:Number], [blurY:Number], [strength:Number], [quality:Number], [inner:Boolean], [knockout:Boolean], [hideObject:Boolean])

Na kraju slijedi primjena filtera na sliku tj. ipod_mc.

- Bevel filter

• function bevel_funk() {
  if (bevel_rb.selected==false) {
  import flash.filters.BevelFilter;
  var filterbevel:BevelFilter = new BevelFilter(5, 45, 0xFFCC00, 0.8, 0xFF0000, 1, 10, 10, 2, 4);
  ipod_mc.filters = [filterbevel];
  }
  }

Kreiram funkciju bevel_funk. If uvijetom odredujem da se kod ispod izvrsi samo ako radio button bevel_rb nije ranije selektiran. Importiram klasu potrebnu za bevel filter. Kreiram svoj bevel filter sa svojim vrijednostima. Ovaj filter prima 10 varijabli. Konstruktor bevel filtera je:

BevelFilter([distance:Number], [angle:Number], [highlightColor:Number], [highlightAlpha:Number], [shadowColor:Number], [shadowAlpha:Number], [blurX:Number], [blurY:Number], [strength:Number], [quality:Number], [type:String], [knockout:Boolean])

Na kraju slijedi primjena filtera na sliku tj. ipod_mc.

Nastavak na sljedecoj stranici…

---

---

Pages: 1 2

Kategorija: Actionscript objavljeno 17.07. 2007