Tutoriale *Flash MX*

[djlahza]

Ore Analoge (me akrepa) e personalizuar Me Flash MX
Flash Mx ? - Nuk ka gje me te thjeshte...


Ndiqni hapat e meposhtem:

1-Krijoni me ndonje program grafike nje fushe per oren tuaj dhe ruajeni me emrin Fusha.jpg (fireworks, photoshop etj.)

2-Startoni Flash MX dhe ne Timeline window shtoni 5 "Layer" dhe emerojini perkatesisht: interface, sec, min, hour, actions. *(fig 1)

3-Importoni fushen nga ku e ruajtet ne hapin e pare tek Layeri "interface" me ane te komandes Ctrl+R

4-Shkoni tek layeri "Sec" me ane te timeline window dhe vizatoni nje drejtkendesh te tejzgjatur me komanden "Rectangle tool" (e gjeni tek dritarja Tool ne te majte te ekranit). Kujdes niseni drejtkendeshin nga qendra e fushes te ores dhe drejtojeni drejt veriut (drejt ores 12).

5-Zgjidh pointerin e bardhe tek dritarja Tool dhe selektoje drejtkendeshin qe sapo vizatove. Tani morri ngjyre jeshile. Shtyp F8 dhe mbushe dialog box-in sipas figures. Ka rendesi dhe Registration, sigurohu qe te kesh selektuar ne rrjeshtin e trete kutine e dyte. *(fig 2)

6-Selekto movie clip-in "sec_mc" qe sapo krijove, i cili do te sherbeje si akrepi i sekondave dhe tek Properties->Instance Name: emeroje "sec". Ketu momentalisht mbaruam pune me Layerin "Sec" Kalojme tek Layeri "Min" (duke klikuar ne rrethi i vogel i zi mbas kutise me ngjyre ne rreshti "Min" tek Timeline)

7-Hapin Librarine me komanden "Ctrl+L" dhe shohim qe ka dy elemente "fusha.jpg" dhe "Sec_mc" Drag-ojme (selektojme me Butonin e Majte "Sec_mc" dhe e mbajme te shtypur, pa e leshuar mausin e levizim ne drejtim te fushes ku po punojme dhe tani leshojme butonin e mausit) shohim se "sec_mc", pra akrepi i sekondave na del perseri ne fushe. Por njeri prej tyre, pra ai i pari nuk eshte te Layerin Tone "Min", por ndodhet ne Layerin e meposhtem "Sec" *(Layer = Sherben si nje shtrese e tejdukshme per te organizuar me mire punen dhe per te mos u ngaterruar kur punon me shume elemente te nje animaiconi. Imagjinoni nje tufe me 5 cipa te holla te tejdukshme, ne njera te jete e vizatuar fusha "sfondi" i ores, ne e dyta akrepi i sekondave, ne e treta akrepi i minutave e keshtu me rradhe. Kur duam te punojme me Akrepin e minutave hapim Layerin e Minutave dhe punojme vetem me te dhe nuk ngaterrohemi me elementet e tjere te ores.)

8-Jemi ne Layeri "Min" dhe duhet te ndryshojme akrepin e min nga akrepi i sec. Fillimisht ne Properties i venosim Instace Name: min
Tani mbeti qe te ndryshojme permasat (akrepi i minutave eshte pak me i shkurter dhe pak me i gjere se ai i sekondave) selektojme me te majten dhe me pas klikojme mbi akrep me te djathten dhe zgjedhim "Free Transform" Shfaqen katroret e vegjel neper cepat e drejtkendeshit. Shtypim mbi njerin nga katroret e cepave dhe e levizim ne menyre te tille qe te shkurtohet dhe te zgjerohet pak akrepi yne qe tani do te sherbeje si akrep i minutave.

9-Kalojme tek Layeri "hour" dhe perseritim instruksionet e pikave 7 dhe 8 me te vetmin ndryshim se tani tek "Properties-> Instance Name" do te vendosim emrin "hour" dhe me Free transform duhet shkurtuar pak me shume se akrepi i min.

10-Tani mbeten per tu vendosur ne vendin e tyre te tre akrepat. Kalojme tek Pointeri i Zi ne dritarja 'Tool". Me mouse do ti drag-ojme ne qender te fushes dhe do ti vendosim njeri mbi tjetrin. Kujdesuni qe pjesa e poshtme e secilit akrep te vendoset ne qender te fushes.

11-Kalojme tek Layeri "Actions" i cili do tju jape rrotullimin perkates te tre akrepave. Eshte pak heret qe t'ju shpjegoj se si jane shkrojtur keto rrjeshta kodi prandaj merrini te gateshme. Copy-Paste tek Layeri "Actions" ne dritarja "Actions" qe ndodhet diku siper "Properties" dhe "Help".

time=new Date(); // Objekti yne, Pra Ora Analoge
seconds = time.getSeconds()
minutes = time.getMinutes()
hours = time.getHours()

hours = hours + (minutes/60);

seconds = seconds*6; // llogariten sekondat
minutes = minutes*6; // llogariten minutat
hours = hours*30; // llogariten oret

sec._rotation=seconds; // Jep rrotullimin akrepit te sekondave
min._rotation=minutes; // Jep rrotullimin akrepit te minutave
hour._rotation=hours; // Jep rrotullimin akrepit te oreve

12-Tani shkoni tek Frame i Dyte i cdo Layeri (Drejtkendeshi i dyte mbas atij te shenuar me nje rreth te vogel tek dritarja Timeline) dhe Shtypni F5 per te vendosur nje Frame te re per cdo Layer.

13-Kjo ishte e gjitha. ctrl+Enter per nje Preview dhe mbasi te mbyllni preview me x e vogel (Jo te kuqin qe mbyll gjithe aplikacionin) Jepini File > Export > Export Movie... > Mendoni nje emer dhe ruajeni ne Emer.SWF

[Aldi1]

E bukur kjo puna e orës! Por problemi im është se unë nuk i kam këto programe!
Prandaj nëse keni dëshirë dhe mundësi të mi gjenit këto programe do t'ju isha shumë mirnjohës!!!

Adresa ime është: aldi_shuli@yahoo.com

Faleminderit për mirkuptimin!!!

[Lorencone]

Mjafton te shkosh tek www.macromedia.com dhe shkarkoje prej andej.Programin do e marresh trial per 30 dite.Na shkruaj neve ta japim serialin ose crackun per programin

[cool_dancer]

E bukur kjo puna e orës! Por problemi im është se unë nuk i kam këto programe!
Prandaj nëse keni dëshirë dhe mundësi të mi gjenit këto programe do t'ju isha shumë mirnjohës!!!

Adresa ime është: aldi_shuli@yahoo.com

Faleminderit për mirkuptimin!!!

une e kam shkarkuar softuerin komplet Microsoft Studio MX (flash mx, dreamweaver, fireworks dhe freehand)
shko ne ARES dhe Search per macromedia studio

dhe pasi e ki ben download kete softuer, une e kam serial number (numrin e regjistrimit) si te duhet, me trego, dhe ta dergoj

[Demol]

Ore Analoge (me akrepa) e personalizuar Me Flash MX
11-Kalojme tek Layeri "Actions" i cili do tju jape rrotullimin perkates te tre akrepave. Eshte pak heret qe t'ju shpjegoj se si jane shkrojtur keto rrjeshta kodi prandaj merrini te gateshme. Copy-Paste tek Layeri "Actions" ne dritarja "Actions" qe ndodhet diku siper "Properties" dhe "Help".

time=new Date(); // Objekti yne, Pra Ora Analoge
seconds = time.getSeconds()
minutes = time.getMinutes()
hours = time.getHours()

hours = hours + (minutes/60);

seconds = seconds*6; // llogariten sekondat
minutes = minutes*6; // llogariten minutat
hours = hours*30; // llogariten oret

sec._rotation=seconds; // Jep rrotullimin akrepit te sekondave
min._rotation=minutes; // Jep rrotullimin akrepit te minutave
hour._rotation=hours; // Jep rrotullimin akrepit te oreve

o shoku, une e bera deri ketu dhekur vajta tek action me dilnin shume frame script. Tek cila duhet ta copy-past kete scriptin tend?

flm

[BaseNameB]

Ky eshte nje mesim Macromedia Flash qe e kam shkruajtur ja 1 vit me pare per nje projekt timin , shpresoj per te interesuarit ti hyj sadopak ne pune :

Per nje ilustrim me te plote mund te downlodoni filen Html + images + fla

http://www.geocities.com/durrsak_boy/mesim1.zip


Si Mesim Te Pare Kemi Zgjedhur Nje Funksion disi te thjeshte por prap se prap me komplikacionet e tij .Meqe eshte mesimi i pare do japim dhe nje shpjegim me te pergjigjshem per Macromedia Flash dhe ActionScript .Cfare eshte ActionScript .. thjesht nje sere komandash qe i tregojne perogramit se cduhet te beje ..keto komanda kane nje relcaion midis tyre qe krijon dhe vete llogjiken e programit ..Por me shume per kete do te kuptoni vete ne vazhdimin e mesimeve.Dhe tani te vazhdojme me mesimin e pare qe eshte graviteti:

Cduhet te bejme ne fillim:

1.Duhet te krijojme dy objektet qe do sherbejne si topi(objekti ndaj te cilit do te ushtrohet graviteti) dhe toka (objekti qe do te sherbeje qe si pengese dhe kthim mbrapsht te topit) .. mund te perftyroni dhe vete se c`ndodh kur hedhin nje top ne toke .

2.Tani i selektojme me rradhe te parin rrethin qe kemi krijuar (topin) dhe shtypim F8 ( ose kur e kemi te selektuar nga menuja lart selektojme Insert -> Covert To Symbol ose Modify -> Convert To SYmbol ne varesi te versionit te Mac. Flash qe ju dispononi) dhe nga menuja vendosini emrin TOPI dhe zgjidhni "Movie Clip" nje shembull me te qarte e keni ne foton e meposhteme .Te njejtin operacion do te bejme edhe per drejtekendeshin (token).

3.Erdhi casti ti vendosim emra konkret objekteve qe kur ti perdorim ne FUNKSION programi te na i njohe, Kjo mund te arrihet duke shenuar rrespektivisht TOPI dhe TOKA aty ku lexon "Istance Name" ku mund ta shihni me qarte ne foton e meposhteme.

**Gjeja me e mire ne keto raste eshte te perdorim gjithmon shkronja te vogla sepse ne funksion Toka nuk eshte e barabarte me toka ose tOka ... kete gje e perserisim edhe per topin...

4.Tani qe pjesa e lehte kaloj .. vazhdojme me ate qe na intereson me shume ..Action Script .Si dhe ku mund ta vendosim funksionin ne flash .. shume e thjeshte mjafton te klikojme mbi opsionin ACTIONS qe zakonisht ndodhet poshte ne dritaren e flash..SHIKONI FIGUREN--

dhe do te na duhet te klikojm te kutija e rrethuar me te kuqe me poshte dhe te zgjedhim opsionin EXPERT MODE dhe tek kutia e madhe e bardhe qe do te na paraqitet ne krah te djathte do te keni mundesi te shkruani funksionin tuaj.

5.Tani kalojme tek pjesa funksionit.Ne fillim do vendosim dy kushtet kryesore.:

I-Qe" luajtja = 0;" dhe "graviteti = -1" .. kjo eshte shum e thjeshte sepse deri sa keto te dhena do te vendosen ne relacion me njera tjetren ne mund ti shkruajme sic te demi sepse perfundimi do varet nga mardheniet qe do i vendosim kundrejt njera tjetres e jo nga emrat qe i veme .Dhe gjimon ne fund te ketyre tip te dhenash duhet te vendosim nje ";" qe prog ta kuptoj qe ajo e dhene ka perfunduar aty.Pra ne fillim do shkruajme:

luajtja = 0; graviteti = -1;

6.Pasi i kemi dhene te dhenat tani do fillojme funksionin tone .Ne fillim do i themi programit se kur te filloj ta zbatoje kete funksion , dhe kete e bejme me ane te nje funksionit _onEnterFrame dhe me pas i tregojme qe ky qe vijon eshte ne funksion i bazuar ne relacione = function () { ," tani te shpjegojme dy gjera kryesore mbi kllapat . Me sa te gjithe dime jane dy tipe kllapas kryesore jane { } dhe ( ) .. tani { } perdoren per te hapur dhe mbyllur nje funksion .. asnje lloj funksioni smund te jete i sakte po su hap me { dhe te mbyllet me } , dhe kete duhet ta kujtoni gjithmone , kurse ( ) mund te perdorem brenda funksioneve"

7.Pasi e hapem funksionin do fillojme ti vejme ne relacion njera me tjetren te dhenat dhe do te na dali nje gje e tille ( se nashku me finksionin e shprehur me lart)

_root.onEnterFrame = function() {
luajtja += graviteti;
topi._y += luajtja;

Ckemi bere me lart .. tani ti marrim te dhenat me rradhe . "+=" eshte veprim matematik qe ne perdorim ne funksion jep rezultat qe perfundimi do te jete sa shuma e te dy te dhenave (P.Sh. x+ =y -> do ishte njesoj me x = x+y) . "top._y tani do te thoni pse eshte perdorur pika dhe ceshte _y .. pika perdoret pas topit qe te tregojme qe kjo e dhene qe kerkohet pas i perket atij objekti qe eshte para pikes, kurse _y eshte kordinata vertikale (Y) e objektit ne kete rast topit .Sic e shikoni un se kam mbyllur funksionin me } per te vetmen arsye sepse se kam mbaruar akoma .

8.Tani do te na duhet nje funksion qe te na bej te mundur qe kur topi (rrethi) te preke token (drejtkendeshin) shpejtesia te na ulet sipas graviteti ,pra meqe gravitetin me lart e kemi vene -1 shpejtesia do te na ulet me -1.Kete na e ben te mundut funksioni hitTest .shikojeni mire si e kam shkruajtur hitTest .. dhe jo HitTest,hittest,hItTeSt,... gati te gjithe funksionet qe jane te perber nga dy fjale shkronjen e pare e kan te vogel dhe te dyten te madhe .. dhe kjo eshte shume e rendesishme per tu mbajtur mend sepse ne te kundert funksioni nuk do te dilte i vlershem .Duke qendruar ke funksioni para qe te vejme funks hitTest duhet ti japin nje kusht tjeter me pare programit .. kushtin "if" qe do te thone neqoftese .Pra do na dilte nje funksion i tille

if (topi.hitTest(toka)) {

pra duke e thene me llafe cka kemi shkruajtur me lart do ishte (Neqoftese topi prek token atehere , shikoni mire perdorimin e kllapave .. pra cdo funksion ka nje ( ) te vete ku brenda ( ) shenojme relacionin perkates per cdo funksion dhe sic e shihni edhe kete kllap e kam lene te hapur sepse deri tani kam then qe NQS topi e prek token atehere .. tani duhet te them se cfare duhet te ndodh neqoftese topi prek token ..

9.Funksioni i fundit per kete mesim do te jete ai qe do ti thote programit cdo te ndodhe NQs topi prek token ...

luajtja *= -1;

"*=" do te thote qe luajtja = lujatja shumezim -1 , pra sa here topi te na preke token shpejtesia do na ulet Nje here .. dhe tani qe mbaruam me funksionet mos harrojm se deri tani kemi lene 2 { te hapura dhe qe tani ne fund do na duhet ti mbyllim dhe funksioni ne teresin e tij do te na dale keshtu:

luajtja = 0;
graviteti = 1;
_root.onEnterFrame = function() {
luajtja += graviteti;
topi._y += luajtja;
if (topi.hitTest(toka)) {
luajtja *= -1;
}
};

dhe perfundimi do jete ky :

P.S. Per asrye SHFAQEJE TE SHPESHTE rezultati i shfaqur me lart mund te jete i ndryshem nga ai qe mund tju dali ju ne kryerjen e funksionit sepse ketij te mesipermit i jane ushtruar dhe disa funksione shtese per arsy DEMOSTRIMI ME PRESERITJE TE GJATE .. keshtu mos u beni merak nqs se sperfitoni te njejtin rezultat ..nje shembull me konkret dhe i komentuar mund ta dowlodoni me poshte .

-----------------------------------------------------
Versionin e plote mund ta downlodoni tek :

http://www.geocities.com/durrsak_boy/mesim1.zip