inchide

Publicitate

Afisarea publ.info
Companie

Afisarea detaliilor publicitare

Detalii...


Publicitate

Panel 1

Info sau baner
Detalii..

Panel 2

Info sau baner
Detalii...

Panel 3

Info sau baner
Detalii...

Panel 4

Info sau baner
Detalii...


Vot

Apreciati designul site-ului

Formidabil
Bun
Normal
Am vazut mai bune
Nu mi-a placut

...

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.
Cum se face site in Flash Actionscript 3.0 / Website with Flash  Actionscript 3.0


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
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.