drag & drop ili povuci i ispusti metoda nam služi da bismo omogućili posjetiteljima da nešto negdje prebace unutar našeg flash moviea. npr. za izradu neke igre, šaha, recimo.
| DRAG & DROP | | drag & drop ili povuci i ispusti metoda nam služi da bismo omogućili posjetiteljima da nešto negdje prebace unutar našeg flash moviea. npr. za izradu neke igre, šaha, recimo. | za izradu šaha, prvenstveno nam trebaju figure. figure mogu biti "bitmape" (slike) ili "vektorska grafika" (ono što sami crtamo u flashu). ovdje ću pokušati objasniti kako možemo napraviti najjednostavnije figure, a vi poslije možete "zakomplicirati" i dizajnirati te figure kako god želite. u ovoj vježbi biti će prikazano kako napraviti "button" i statični "movie clip". svaki zasebno biti će opisan u zasebnoj lekciji... (najvjerojatnije).
ukoliko se po prvi puta susrećete sa FLASHom, možda da preskočite ovu lekciju i krenete kada budu zasebno opisani buttoni i movie clip. ako ste ipak od onih koji žele u ove vruće dane, dok ste na zasluženom odmoru, recimo, uhvatiti se u "borbu" sa FLASHom, slobodno čitajte dalje... | | krenimo redom: | - otvorimo flash [predlažem FLASH 5, jer primjer se temelji na verziji 5 iako je gotovo identično i sa FLASHom MX, samo se opcije nalaze na drugim mjestima. odlučio sam se za verziju 5 jer ima manje osobina i za "početnike" ja lakša za snalaženje!]
|  | - trebali biste dobiti uvodni ekran sa scenom, panelima, timeline... timeline je linija po kojoj radimo animacije. to je linija koja počinje brojem 1 i ima "kućice" ispod brojeva. "kućice" služe za animaciju, a brojevi nam pokazuju koliko "frameova" sadrži animacija, odnosno koliko je dugačka animacija. dužina animacije se računa: broj frameova podijeljeno sa brzinom čitanja frameova u sekundi [u produžetku dijela gdje se nalazi "insert layer" (dodaj layer) i "delete layer" (izbriši layer) trebalo bi vam pisati 12,0 fps ili 12 frame per sec. odnosno 12 frameova u sekundi, dakle ako imamo animaciju dugačku 120 frameova, ona bi iznosila 10 sekundi] za naš primjer drag&drop treba nam animacija u jednom frameu, dakle, tzv. statična animacija.
| - da bismo mogli nacrtati šahovsku ploču odredjene veličine trebamo te veličine odrediti. da bi sva polja bila identična, trebali bismo pripremiti "scenu" poi kojoj ćemo vući figure:
- odredimo veličinu scene [modify -> movie ili ctrl+M]
- napravimo automatski mrežu [view -> grid -> edit grid] i odredimo veličinu polja u pixelima te odaberemo opciju "show" da nam prikaže i "snap to grid" da nam zalijepi elementa za mrežu
- omogućimo opciju "ravnalo" [view -> rules] da možemo provjeravati veličinu
- povučemo vodilice [kliknemo na ravnalo i povučemo vodilice na mrežu, ovaj korak nije nužan, ali ako napravimo mrežu sa duplo manjim vrijednostima polja, npr. polja su nam 100x100 pixela, a mi postavimo mrežu na 50x50 pixela, vodilicama odredimo veličinu 100x100 pixela, a mreža nam služi za postavljanje figura u tzv. "strogi centar"]
- odaberemo alat za crtanje kvadrata [rectangle tool]
- odaberemo boju kvadrata [fill color] i stavimo vanjski rub - outline [stroke color] na "none"
- pobojamo svaki drugi kvadrat i dobili smo pozadinu šahovske ploče
- dodamo novi layer i na njemu nacrtamo, recimo, "pješaka" [suprotne boje od boja polja, npr. ako nam je šahovsko polje crno-bijelo, figure nam mogu biti, npr. plave i crvene] kombiniranjem "rectangle" i "oval" toola ili jednostavno importiramo sve figure koje "nacrtamo" u nasem omiljenom programu za vektorsku grafiku ili obradu slika [file -> import ili ctrl+R]
- dodamo novi layer i ponovimo postupak za svaku RAZLIČITU figuru posebno. TREBATE PAZITI da vam je svaka figura u SVOM LAYERU!!!
- kada smo napravili sve različite figure [dakle jedan pješak, jedan lovac...] u obje boje kliknemo na figuru koja se nalazi na "layer2"
- prebacimo je u "movie clip" [jedino "movie clipu" možemo davati akcije, zato MORA biti "movie clip"] insert -> convert to symbol ili F8 -> movie clip i nazovemo taj "movie clip" imenom figure
|  | - kad je ta figura prebacena u "movie clip" otvorite "instance panel" [window -> panels -> instance ili ctrl+I] i pod name upisite nesto kao na slici. naravno umjesto "Symbol 5" vama bi trebao pisati naziv koji ste dali tom simbolu. ovdje sam pretpostavio da je prva figura plavi pješak, vi možete dati ime koje god želite, samo to ime ne bi smjelo sadržavati HR "posebne znakove; slova sa kvačicama" i razmake, umjesto razmaka koristite podcrtu, kao na primjeru.
| 
| - zatim taj "movie clip" trebali bismo prebaciti u "button" da nam se pojavi "ruka" kao link, za premještanje. da bismo "movie clip" prebacili u "button" trebamo 2x kliknuti na taj "movie clip" i u najgornjoj liniji nam se doda oznaka da smo u "movie clipu" i da ga možemo mijenjati. naravno, umjesto "Symbol 5" vama piše vaš naziv "movie clipa". dakle, kada smo u "movie clipu" oper koristimo insert -> convert to symbol ili F8 te ovaj puta odaberemo "button" i nazovemo ga RAZLIČITO od "movie clipa". dakle, npr. ako nam se "movie clip" zove "pjesak_plavi", "button" ćemo nazvati "pjesak_plavi_button". kod "buttona" je važno da desnim klikom miša u svako polje dodamo "insert keyframe" kako bi "kopirali button" za sva njegova stanja. UP - ono što se prvo pojavljuje, OVER - kada pokativačem miša predjemo preko njega, DOWN - kada pritisnemo button i HIT - onaj dio koji će nam biti za aktivaciju buttona.
- zatim kliknemo na ikonu "movie clipa" [odmah do scene 1] i otvorimo akcije [action script - window -> actions ili ctrl+alt+A], prebacimo actio script panel na normal [ctrl+N ili kliknemo na strelicu na kraju i odaberemo "normal mode"], odaberemo opciju u lijevom izborniku "ACTIONS", pronadjemo opciju "start drag" 2x kliknemo po njoj, u donjem dijelu pod "target" upišemo, u ovom primjeru, pjesak_plavi_01, dakle prepišemo NAME iz instance panela i OBAVEZNO uključimo opciju "expression" kako bismo "maknuli" navodnike kod imenovanja simbola kojeg mičemo, odredimo parametar pokazivača miša, defaultna, osnovna postavka SVIH akcija je "ON RELASE" kada pustimo tipku miša, mi to trebamo premjestiti na "ON PRESS" kada stisnemo tipku miša, zbog toga jer želimo napraviti da kad stisnemo tipku miša da počnemo vući našu figuru, a kada pustimo da se figura zaustavi na tom mjest. dakle označimo, odnosno kliknemo na liniju action script koda "on (press) {" i na dnu će nam se pojaviti dodatne opcije za manipulaciju sa tipkama miša. isključiti ćemo opciju "RELASE" i uključiti opciju "PRESS) tako da dobijete nešto slično kao na slici. sada smo napravili da kada pritisnemo tipku miša počnemo povlačiti "element, movie clip" po sceni.
- zatim kliknemo na zadnju liniju koda } i dodamo novu akciju "stop drag" [2x kliknemo po njoj] i to je to. "stop drag" nam ostale na "ON RELASE" kada pustimo tipku miša "simbol" stane tamo gdje smo ga ostavili.
- vratimo se na scenu 1
- pritisnemo F12 ili file -> publish prewie i uživamo u prvom pomaku
- sada napravimo isto za svaku figuru posebno [uf, uf koliko je to figura!!!]
|  | - ako ste sve radili "step by step" iliti "korak po korak" neke figure vam fale [npr. 7 pješaka, 1 lovac, 1 kula, 1 konj]. da bi vam sve figure izgledale isto otvorite "library" ili pritisnite kombinaciju tipki ctrl+L. u "library" vam se nalaze svi napravljeni elementi, na vama je samo da desnim klikom miša otvorite padajući meni i odaberete "DUPLICATE" na "MOVIE CLIPU", a ne na "bottunu", jer "movie clip" sadrži i "botton". duplicirajte npr. pješake i nazovite ih npr. pjesak_plavi_01, pjesak_plavi_02... sada su vam svi pješaci identični, a uštedjeli ste i dosta vremena.
- ponovite postupak od koraka broj 8, samo preskočite dodavanje "bottona" jer taj kopirani "movie clip" sadržava već u sebi i "botton".
- kada ste sve napravili, uživajte u partiji šaha, ali ovaj puta sa figurama koje ste vi odabrali
- kako to izgleda u praksi, možete pronaći negdje na mojim stranicama pogledaj.net
|
|
Sadržaj 
