Cum se face site in Flash Actionscript 3.0 / Website with Flash Actionscript 3.0 |
Cum se face site in Flash Actionscript 3.0 / Website with Flash Actionscript 3.0 Daca vreodata ti-ai pus intrebarea cum se face site in Flash sau Actionscript, acest tutorial de crearea site flash in Actionscript este pentru tine. Site foloseste un singur frame. Toata animatia si interactivitate este efectuata cu ajutorul Actionscipt 3.0. Desigur acest site este plictisitor, dar este o baza de creare a siteului flash si este foarte simplu sa il suplimintezi cu diverse desene si text. Sa zicem ca este doar baza crearii siteului flash sau un fel de shablon. Crearea paginii de baza pentru site flash Website va contine un singur filmulet, care reprezinta meniu pentru site. Toate contents pages sunt fisiere aparte .swf si se incarca conform clickurilor pe "butoanele" din meniu. 1. Creaza document nou cu marime 500x400 2. Creaza 3 campuri statice pentru text sus in pagina sau in alt loc unde doresti sa fie meniu. Scrie textul meniului. In acest exemplu textul este "PAGE 1", "PAGE 2" si "PAGE 3" 3.Converteaza fiecare camp de text in videoLe denumesti in felul in care doresti. Seteaza punctul inregistrarii in centru 4.Da-le instance nume "page01Button", "page02Button" si "page03Button". In imagine aceste instance se arata cu culoare orange. Crearea paginilor content In acest site dorim sa fie 3 pagini diferite cu content. De aceea repatam pasii 5-8 de trei ori 5.Creaza document de marime 500x300 6. Scrie un text in pagina , pentru a detecta pagina ulterior 7. Salveaza ca movie "page1" daca 1 pagina,"page2" daca e a 2 pagina,"page3" daca e a 3 pagina. atentie se salveaza in aceeasi mapa in care este video movie de baza, creat in primii pasi. 8. Ctrl+Enter pentru testarea video-urilor. Fisier swf este generat. Il vom folosi in movie de baza In Actionscript Dupa ce sunt finalizate pagini de content se scrie in Actionscript codul de mai jos 9. In movie de baza creaza layer actions si insereaza codul CODE import fl.transitions.*; import fl.transitions.easing.*; //AplicamCLICK listat pentru fiecare text din meniu page01Button.addEventListener (MouseEvent.CLICK, buttonclicked); page02Button.addEventListener (MouseEvent.CLICK, buttonclicked); page03Button.addEventListener (MouseEvent.CLICK, buttonclicked); //facem astfel incat fiecare buton sa arate ca buton (la apropierea sagetii sa se transforme in cursor cu degetel) page01Button.buttonMode = true; page02Button.buttonMode = true; page03Button.buttonMode = true; //acest loader se foloseste pentru incarcarea fisierelor externe swf var loader:Loader; //URLRequest patreaza calea catre fisier incarcat var urlRequest:URLRequest; //acest masiv salveaza tweens, sa nu fie aruncate la gunoi var tweens:Array = new Array(); //Memoreaza pagina curenta luminata var currentPage:MovieClip = null; //Memoram pagina urmatoare, pe care dorim sa o luminam/aratam var nextPage:MovieClip = null; //La aceasta functie se apeleaza atunci cand dam click function buttonclicked (e:Event):void { //Creaza loader nou loader = new Loader(); //Daca click pe buton din dreapta atunci se incarca page1 if (e.target == page01Button) { urlRequest = new URLRequest("page1.swf"); loader.load (urlRequest); } //Daca click pe buton 2 atunci se incarca page2 else if (e.target == page02Button) { urlRequest = new URLRequest("page2.swf"); loader.load (urlRequest); } //Incarcam page3, deoarece se stie ca page01Button sau page02Button //n-au fost apasate else { urlRequest = new URLRequest("page3.swf"); loader.load (urlRequest); } //Dorim sa stim cand se finalizeaza incarcarea urmatoarei pagini loader.contentLoaderInfo.addEventListener(Event.COMPLETE, fileLoaded); } //Aceasta functie se apeleaza cand s-a finalizat incarcarea paginii content function fileLoaded(e:Event):void { //Çàãðóç÷èê ñîäåðæèò ñòðàíèöó, êîòîðóþ ìû ñîáèðàåìñÿ âûñâåòèòü. nextPage = e.target.content; //Sa animam pagina curenta din scenariu. //in primul rand trebuie sa fim siguri ca pagina curenta e pe scena. if(currentPage != null) { //tween paginii curente de la stanga spre dreapta var tweenX:Tween = new Tween(currentPage, "x", Regular.easeOut, currentPage.x, 500, 1, true); //Micsoram alfa pana la 0 var tweenAlpha:Tween = new Tween(currentPage, "alpha", Regular.easeOut, 1, 0, 1, true); //Inseram tweenurile in masiv tweens.push(tweenX); tweens.push(tweenAlpha); //currentPageGone va fi apelata cand tween se finalizeaza tweenX.addEventListener(TweenEvent.MOTION_FINISH, currentPageGone); } //Pagina curenta nui, deci putem sa animam pagina urmatoare din scenariu // Animatia se petrece in functia showNextPage else { showNextPage(); } } //Aceasta functie animeaza si arata urmatoarea pagina function showNextPage():void { //Tween paginii urmatoare de la stanga spre centru var tweenX:Tween = new Tween(nextPage, "x", Regular.easeOut, -200, 0, 1, true); //Tween alfa de la 0 la 1 var tweenAlpha:Tween = new Tween(nextPage, "alpha", Regular.easeOut, 0, 1, 1, true); //Inseram tweenurile in masiv tweens.push(tweenX); tweens.push(tweenAlpha); //Adaugam urmatoare pagina in scenaruiu addChild(nextPage); //urmatoare pagina- acum pagina curenta currentPage = nextPage; } //Aceasta functie se apeleaza atunci cand se animeaza pagina curenta function currentPageGone(e:Event):void { //Stergem pagina curenta removeChild(currentPage); //Sa aratam urmatoarea pagina showNextPage(); } Sursa:flashperfection.com |
| html-link catre acest articol | |
| BB-cod pentru publicarea in bloguri | |
| Link direct catre acest articol |
| 2-11-2009, 03:44, |
Stimate vizitator, nu sunteti inregistrat in site. Va recomandam sa folositi autentificare sau inregistrare in site.
Info
Vizitatori din grupul Oaspeti, nu pot comenta acest articol.




orice info sau modul

