Criando um site Portfolio em Flash

Postado em 22. Julho de 2008 por Web Design em flash

Aprenda a criar um site Portfolio Usando Adobe Flash

Para dar uma olhada rpida no que voc estar criando, v parawww.jwright.info | Arquivos Source Download Introduo: Configurar o nosso Projeto Antes de comear - para aqueles de vocs que querem uma maneira fcil para fora deste tutorial, voc pode criar um site em flash grtis com Wix que ser semelhante a um site muito profissional. Agora, para aqueles que ainda esto interessados em passar com o tutorial, vou continuar. Abra Adobe Flash CS3 e crie um projeto novo flash. File-> New-> Flash Project. Clique em OK. Nome do seu jwright.info.flp projeto. Dica: Eu gosto de criar uma pasta como um local central (por exemplo, para todos os meus arquivos uma pasta chamada jwright.info) para manter tudo junto. Arquivo-> e selecionar a opo New-> Flash File (ActionScript 3.0). Clique em OK. uma boa idia de ir em frente e salvar o seu projeto. Vamos faz-lo. File-> Save (ou Ctrl + S). O nome do novo arquivojwright.info.fla Flash. Agora ns podemos adicionar o nosso arquivo Flash para nosso projeto. Clique direito sobre o arquivo de projeto e clique em Adicionar arquivo ... como mostrado abaixo. Se voc no v voc Painel de projeto, abra -lo, selecionando Janela-> Project (ou Shift + F8) a partir da barra de ferramentas principal.

Adicione o jwright.info.fla arquivo para o projeto. Criao de linha do tempo Vamos comear por criar as camadas que compem o nosso site. Clique na camada Insert Boto de pasta para o cronograma. Renomeie esta pasta Pginas por direito clicar na pasta e escolha Propriedades ou clicando duas vezes a pasta.

Siga o mesmo procedimento para adicionar uma nova pasta para cada pgina que vai precisar de: Start, Home, perfil, resumo, Contato, Portfolio, e Respeito. Alm disso, criar uma pasta chamada Master. Aqui est uma olhada no que voc j deve ter em seu cronograma. Garantir que cada pgina pasta uma subpasta de pginas. Voc pode fazer isso arrastando a camada em o lugar apropriado. (Voc pode apagar o Layer1 camada padro, se ainda listados.)

Oh boy, estamos rockin 'agora! Vamos inserir uma nova camada na pasta Master. Clique no boto Inserir camada encontrado perto do boto Pasta Inser Layer.

Nome o Splash nova camada. Novamente, certifique-se que a camada Splash dentro da pasta Master. Siga os mesmos passos para adicionar o resto das camadas nosso Mestre: Menu Principal, House, Logo, Arrows, direitos autorais, e de Splash curso. Aqui est uma vista deslumbrante da nossa linha do tempo at agora.

Ok, agora em cada pasta pgina (excluindo Master) inserir duas camadas chamado Contedo e Aes como isso.

Agora, queremos adicionar os keyframes para o nosso site. Essencialmente, cada pgina tem um quadro-chave usada para exibir a pgina que precisamos. Ento, podemos navegar para cada pedido pgina atravs de frames. Inserir um quadro-chave em cada camada pgina em seqncia. Exemplo: A pgina inicial do keyframe vai no frame 1; A pgina inicial do quadro-chave continua frame 2, etc Como assim. Para inserir um clique, keyframe direito sobre o quadro desejado e escolha Inserir Keyframe (ou selecionar o quadro e aperte F6).

Mais algumas coisas antes de a verdadeira diverso comea. Crie mais duas camadas (no em qualquer pasta) rtulos de quadro nomeado e Aes. Vamos colocar um monte de nossos ActionScript para o site na camada Aes tarde em. Ns vamos usar Labels as camadas de quadros para a nossa navegao pelo site. Assim, vamos configurar o nosso Labels Frame. Na verdade, vamos primeiro definir um rtulo de quadro. Simples, simples. Um rtulo de quadro realmente apenas uma maneira que podemos usar um identificador para a nossa pgina em vez de sempre acessando uma pgina pelo seu nmero de quadros. Far mais sentido em um minuto urso comigo. Selecione os primeiros sete quadros sobre a camada de rtulos de quadro. Ento, convert-los para keyframes (F6). Aqui est uma olhada.

Precisamos dar a esses rtulos de quadros um nome. Selecione o primeiro quadro (frame 1) e dar um nome no painel Propriedades. Vamos cham-lo start_frm. Esta nomeao conveno consistente com os nossos nomes camada pgina.

Voc deve ver agora bandeirinha no primeiro quadro. Repita essas etapas para o nome do resto de nossas etiquetas Frame. Aqui est uma olhada no que voc deve ter quando todos so chamados. Bem feito Senhoras e Senhores Deputados. Seguindo em frente ... Criar o layout principal No painel Properties, Janela-> Properties-> Properties (ou Ctrl + F3), clique em o boto de tamanho. Isto ir exibir o documento de formulrio Propriedades.

Definir a largura de 885,15 Dimenses px ea altura para 578 px. Definir o fundo cor branca (# FFFFFF), a taxa de quadros a 32 fps (frames por segundo), e as unidades Rgua para Pixels. Pronto para o nosso primeiro grfico? Eu tambm. Primeiro, vamos bloquear todas as camadas, mas a precisamos de uma camada-Splash.

Em segundo lugar, a partir da barra de ferramentas, Janela-> Ferramentas (ou Ctrl + F2), selecione a ferramenta Rectangle Primitive (ou R). Alterar a cor do trao para # EBEBEB, e definir a cor de preenchimento para # FFFFFF via os catadores de cores no painel Propriedades. Conjunto os cantos arredondados para 18. Aqui est uma foto do painel de propriedades para alguma ajuda.

Agora, desenhe um retngulo primi 787,1 (largura) por 468,4 (altura) no palco. Nota: Certifique-se a camada Splash selecionado. hora Clipe de filme. Selecione seu primi e pressione F8. Isto ir abrir o Convert para formar Symbol. Nome-lo de clipe de filme SplashMc e selecione como o tipo. Clique em OK. Este Mc parece muito triste. Vamos spice it up! Selecione Janela-> Propriedades-> Filter. Selecione nossos SplashMc e aperte o boto Adicionar filtro no painel Filters e selecione Drop Shadow. Em seguida defina as propriedades da sombra projetada mostrado abaixo.

Vamos alinhar este menino mau! Abra o painel de alinhar-Window> Align (ou Ctrl + K). Selecione seu Mc e clique em Alinhar ao centro horizontal e depois Alinhar ao centro vertical.

Agora que est centrada lindamente, vamos mov-lo um pouco. Cerca de seis visitas na seta para baixo no teclado. Meu X, Y coords para este Mc agora 442.6,307.2; No entanto, tenho visto esses X, Y variam um pouco de computador para computador. No tenho certeza por isso, mas a vida, eu acho. Os direitos autorais. Primeiro, bloqueie a camada Splash e desbloquear a camada de Direitos Autorais. Criar uma nova caixa de texto usando a ferramenta de texto (T). Digite Copyright 2007-2008 jwright.info. Todos os direitos reservados. Nota: Voc pode encontrar o smbolo de copyright em seu menu Iniciar do Windows Iniciar> Todos os Programas-> Acessrios-Sistema>. Ferramentas-> Mapa de Caracteres. (Isto , se voc tiver um PC com Windows.) Mais uma vez, use a ferramenta Alinhar ao centro horizontalmente os direitos autorais e, em seguida, alinhar na a borda inferior. At agora, tudo bem. Certo? Aqui o nosso palco.

Em seguida, nosso setas de navegao. Vejamos como fazer um boto de seta. Eu no sou indo para este negcio to grande como eu quero focar na "programao um flash site" em oposio a "criao de cada grfico pouco para um site flash." Michael tem algumas tutoriais para grficos. Vou deixar isso para os profissionais.

Para fazer um boto, abrir a biblioteca (Ctrl + L). Voc dever ver o SplashMc que criamos anteriormente. Clique no smbolo de Nova ... no canto inferior esquerdo da Biblioteca painel. O nome do ForwardBtn boto e certifique-se de selecionar Button. Clique em OK. Como uma nota lateral aqui, uma boa idia para criar algumas pastas na biblioteca para organizar tudo. Um para MovieClips, um para botes, etc De volta no palco agora, coloque sua flecha no centro do palco boto. Adicionar um novo quadro-chave no quadro Over. Faa o boto de como voc quer olhar quando voc passa sobre ele, eu s mudei de cor de preenchimento para branco. Em seguida, novamente para o quadro de Down. Siga os mesmos passos para o boto de volta. Certifique-se de nome-lo BackwardBtn. Vamos voltar para o palco principal, clicando scene1 como mostrado abaixo.

Da Biblioteca, arraste os seus dois botes para a camada de setas. Usando o Alinhar ferramenta, alinhar a seta para trs na borda esquerda ea seta para a frente na borda direita. Para alinhar as setas na vertical vamos usar Governantes. Ns no queremos apenas "Alinhar verticalmente" porque o nosso SplashMc no est alinhado verticalmente. Lembram-se? Ns nos mudamos para baixo um pouco? Queremos as setas para ser alinhado com as boas ol 'splashy. Trazer os governantes, selecionando-View> Rulers (ou Ctrl + Alt + Shift + R). Selecionar o SplashMc sobre a camada de Splash (voc pode precisar desbloque-lo). Arrastar uma rgua de guia para baixo a partir da rgua horizontal, cruzando o ponto central da splashy.

Agora selecione as duas setas e cruzam-los com o seu guia de rgua, assim.

Para a logo. Usar qualquer logotipo que voc gostaria. Coloque-o sobre a camada Logo. Voc pode fazer o mesmo para o boto pequena casa no canto superior direito. Coloque-o em a camada de House. Nosso layout principal at agora.

O Menu Voador Embora o menu principal definitivamente uma parte do nosso layout principal, que merece a sua prpria seo. Isto, meus amigos, a parte mais difcil do site, no entanto, apenas uma terra nada tedioso bit ruptura. Vamos comear! Para comear, crie um novo smbolo (tal como fez para os botes de seta). Nome clipe de filme que MainMenuMc e selecione como o tipo. Clique em OK. Em segundo lugar, vamos configurar ou cronograma de Mc. Criar uma nova pasta de itens de menu chamado e inserir cinco novas camadas para a pasta. Nome-las de perfil, currculo, contato, Portfolio, e respeito, respectivamente (sem trocadilhos). Fale sobre a camada, coloque uma nova caixa de texto com o contato de texto. Este texto deve ser fonte, preto 15pt, Arial, com um espaamento de carta de 1. Veja abaixo.

Converter a caixa de texto a um boto. Selecion-lo, pressione F8, selecione Boto do tipo, nome-lo ContactBtn clique em OK. Clique duas vezes no novo smbolo para edit-lo. Inserir um novo quadro-chave no quadro Sobre e mudar a cor do texto para # 999999. Agora vamos configurar algumas linhas guia. Do ContactBtn 's ponto central, arraste dois guias vertical esquerda do boto. Um espao de 100 unidades de distncia e o outro espaadas de 200 unidades de distncia do ponto do boto central. Faa o mesmo para o direita do boto. Alm disso, arraste uma guia horizontal de interseco centro do boto ponto. Aqui est um exemplo esclarecedor.

Em seguida, crie os outros quatro botes assim como o ContactBtn que ns fizemos: ProfileBtn, ResumeBtn, PortfolioBtn e RespectBtn. Em seguida, coloque os botes nas guias de interseo com o seguinte. Certifique-se de colocar cada boto na camada adequada correspondente.

No, ns no terminamos com o menu ainda, mas precisamos de um ponto de referncia para o resto da -lo. Ento, vamos em frente e colocar o nosso menu (da Biblioteca) em nosso palco principal no Menu Principal camada centrado na vertical e centralizada horizontalmente em relao para splashy.

Clique duas vezes no MainMenuMc para retornar ao modo de edio. Arraste uma guia horizontal para onde voc deseja que o menu voar.

Em seguida, insira uma nova camada e cham-lo Dummy. Copie e cole todos os cinco botes para esta camada mudo. Alinh-los horizontalmente na guia que acabou de fazer. Confie em mim em um presente. Aqui est uma olhada ver.

Este vai ser como montamos nosso ponto de destino para os nossos itens de menu quando eles voam no lugar. Se voc pode pensar de uma maneira melhor, impressionante. Ir para ele. Boto de espao cada cerca de 3 unidades pouco longe do boto sua direita. Usar o linhas guia para ajudar.

Agora se cruzam alguns guias no ponto cada item de menu dummy de centro. Tenha cuidado para no confundir esses guias com os de nosso menu real.

Ok, agora ocultar a camada de manequim. Poderamos elimin-lo agora, j que no vai precisar mais, mas apenas no caso ns precisamos voltar a ele, ele est l. Esconder, selecionando a camada e clicando no ponto sobre a camada de dummy sob o Show / Hide Layers boto Todos.

Para o plano de vo. Vamos tirar algumas guias de movimento. Primeiro, selecione a camada de Respeito. Clique no botoAdicionar Guia de Movimento.

Usando a ferramenta Line (N), desenhe uma linha do RespectBtn 's ponto central para destino do vo correspondente. Certifique-se de chamar a guia sobre a camada a camada guia de movimento Repect.

Siga os passos anteriores para o resto dos botes. Veja o que voc deve acabar com.

V em frente e travar cada camada guia para que no possa selecion-lo. Agora, para alguns animao! Tudo certo. Inserir um frame (quadro-chave no) no frame 20 para cada camada (excluindo Dummy). Clique direito sobre o quadro 20 na camada perfil e selecione Criar Tween Motion. Selecionar cuidadosamente o boto ProfileBtn e arrast-lo at seu ponto de destino. Isto ir criar o seu tween voar. Aqui est o resultado.

Voc pode arrastar o controle deslizante timeline vermelha frente e para trs (ou use o ',' (vrgula) e '.' (Perodo) chaves) para ver o seu entre em ao. Continuarei a fazer o mesmo para o resto de sua botes item de menu. Ento esse o plano de vo para cima. E quanto descida? Bem, eu estou feliz que voc pediu. Isso simples. Selecione o quadro um em cada camada, clique direito sobre a seleo. Escolha Frames Copiar.

Agora selecione o quadro 20 para cada camada e selecione Paste Frames, como assim.

Bem, isso foi a descida. Check it out usando o controle deslizante para ver seu menu animado em toda sua glria! (V em frente e apagar a camada dummy se voc quiser.)

Quase feito com o menu! Tempo para alguns ActionScript! Precisamos adicionar algum controle cronograma para o nosso menu. Inserir uma nova camada chamada Timeline Control. Selecione o quadro 20 na nova camada e hit F9. Como mgica abre o painel de ActionScript. Coisas simples aqui. Basta digitar

stop(); stop(); Isto ir parar o menu no topo do plano de voo quando

jogado. Faa o mesmo para quadro 40 para que o menu vai parar no fundo do seu vo plano. Observe o que denota um pouco o quadro tem alguns ActionScript. Aqui est um olhar.

Precisamos de uma maneira para controlar o menu da timeline principal. Assim, a soluo? Precisamos para criar duas funes. Primeiro, adicione mais uma camada na linha do tempo MainMenuMc chamada Actions. Adicione o seguinte ActionScript para a camada Aes.

function goHome():void { gotoAndPlay(20); } function leaveHome():void { gotoAndPlay(1); }

Ns vamos ser capazes de usar essas duas funes para controlar o nosso menu principal. Parabns! Isso o fim do nosso menu principal. Que no foi to ruim, certo? timo trabalho! Controle de navegao Agora que temos o nosso menu de vo, boto logo, e nossa pequena casa no boto estgio, vamos coloc-los em bom uso. Ns estaremos usando um bom bocado mais ActionScript (AS) daqui em diante. Animado? A primeira coisa que precisamos fazer se certificar de que a nossa camada de Mestre exibe todo o cronograma. Para isso, inserir um quadro em quadro de 8.

A prxima coisa que precisamos fazer nomear o nosso menu. Selecione o smbolo MainMenuMc e definir o seu nome Instncia para mainMenu_mc. Agora, vamos adicionar algumas linhas de ActionScript para a camada de Aes que vai ser executado quando o arquivo flash carrega pela primeira vez.

///////////////////////////////////////////////////////////////////// // Startup.

///////////////////////////////////////////////////////////////////// stop(); mainMenu_mc.stop();

O bloco de inicializao no serve para nada, mas para identificar as linhas de cdigo-associados essencialmente manter os nossos cdigo de olhar bonito e fcil de encontrar. Se voc no tiver feito isso ainda, voltar para o seu smbolo e MainMenuMc atribuir s Nome da Instncia para nossos botes item de menu. Tente ficar com a mesma conveno. Como, o nome do ProfileBtn profile_btn, etc Note como usamos o postfix _btn para botes eo postfix _mc para clipes de filme. Isso vai dizer ao compilador para gerar AS intellisense (O que isso? Veja abaixo.) para o seu objeto. Meio como o Visual Studio, Dreamweaver, programao e outros IDEs.

, A fim de manipular os eventos onclick dos botes de navegao, precisamos configurar alguns manipuladores de eventos. Adicione as seguintes linhas de AS para a camada Aes. Vou explicar o navigationClicked parte em um segundo.

///////////////////////////////////////////////////////////////////// // Event Setup. ///////////////////////////////////////////////////////////////////// mainMenu_mc.profile_btn.addEventListener(MouseEvent.CLICK, navigationClicked); mainMenu_mc.resume_btn.addEventListener(MouseEvent.CLICK, navigationClicked); mainMenu_mc.contact_btn.addEventListener(MouseEvent.CLICK, navigationClicked); mainMenu_mc.portfolio_btn.addEventListener(MouseEvent.CLICK, navigationClicked); mainMenu_mc.respect_btn.addEventListener(MouseEvent.CLICK, navigationClicked);
Ento, o que o mundo fez acabamos de fazer? chamado de programao manipulao de eventos. Tenho certeza de que voc est familiarizado com ele, mas basicamente apenas dizendo que a funo "X" chamado quando o usurio clica no boto "B"-bastante bsico. Ento, ns temos ligados nosso menu principal de botes de navegao para uma funo chamada navigationClicked que estamos prestes a definir. Agora, sempre que um desses botes so clicados, esta funo ser executada. Aqui est o que voc deve ter em sua camada de aces para o palco principal at agora.

Eu sei que est ficando um pouco mais complicado, mas pendurar l e tomar o seu tempo. Em seguida, precisamos definir nossa navigationClicked funo. Aqui est a funo fora arrancado. Vamos adicionar mais para esta funo em um minuto. Copie e cole este cdigo em seu outro cdigo no Aes camada.

///////////////////////////////////////////////////////////////////// // Event Handlers. ///////////////////////////////////////////////////////////////////// function navigationClicked(Event:MouseEvent):void { }

Este prximo lote de AS (o corpo do navigationClicked funo) um pouco tempo, no entanto, no muito complicado. Vou tentar explic-lo bem medida que avanamos. Precisamos determinar qual pgina ir para com base no que boto foi clicado. Lembre-se do quadro Etiquetas que discutimos anteriormente? Aqui onde ns estamos indo para us-los. Bascially, vamos de associar cada boto com um rtulo de quadro atravs de um comum switch comunicado.

function navigationClicked(Event:MouseEvent):void { //We'll use this to store the Frame Label's name. var frmLabel:String = ''; //Determine what Frame Label to use based on which //button was clicked. switch (Event.target) { case mainMenu_mc.profile_btn : frmLabel = "profile_frm"; break; case mainMenu_mc.resume_btn : frmLabel = "resume_frm"; break; case mainMenu_mc.contact_btn : frmLabel = "contact_frm"; break; case mainMenu_mc.portfolio_btn : frmLabel = "portfolio_frm"; break; case mainMenu_mc.respect_btn : frmLabel = "respect_frm"; break; case logo_btn : frmLabel = frmLabel = "home_frm"; break; case home_btn : frmLabel = "home_frm"; break; } }
Ok, ento agora ns sabemos o rtulo de quadro, precisamos usar. (Voc pode estar perguntando o que acontece com o nosso LogoBtn e HouseBtn. Ns vamos chegar a isso em um minuto.) , A fim de exibir a pgina, vamos usar o built-in AS funo gotoAndPlay(frame:Number) . Temos um rtulo de quadro que uma string , no entanto, preciso o nmero do quadro. Vamos escrever uma funo pouco para recuperar esse nmero. Aqui vamos ns.

///////////////////////////////////////////////////////////////////// // Helper Functions. ///////////////////////////////////////////////////////////////////// function getFrame(frameName:String):Number { var frame:Number = 1;

//Loop through all Frame Labels to find our requested frame. for (var i = 0; i < currentLabels.length; i++) { if (currentLabels[i].name == frameName) { frame = currentLabels[i].frame; break; } } return frame; }
Tudo o que estamos fazendo aqui looping atravs de todos os nossos rtulos Frame (atravs do builtin currentLabelspropriedade) e comparando o nome que encontramos em nosso switch bloco para o rtulo que estamos atualmente em looping. Podemos agora adicionar as duas linhas seguintes para o fundo do nosso navigationClicked funo.

var frmGoto:Number = this.getFrame(frmLabel); gotoAndPlay(frmGoto);

Aqui est a nossa funo at o momento.

function navigationClicked(Event:MouseEvent):void { //We'll use this to store the Frame Label's name. var frmLabel:String = ''; //Determine what Frame Label to use based on which //button was clicked. switch (Event.target) { case mainMenu_mc.profile_btn : frmLabel = "profile_frm"; break; case mainMenu_mc.resume_btn : frmLabel = "resume_frm"; break; case mainMenu_mc.contact_btn : frmLabel = "contact_frm"; break; case mainMenu_mc.portfolio_btn : frmLabel = "portfolio_frm"; break; case mainMenu_mc.respect_btn : frmLabel = "respect_frm"; break; case logo_btn : frmLabel = frmLabel = "home_frm"; break; case home_btn : frmLabel = "home_frm"; break; } //Find the frame number based on our Frame Label. var frmGoto:Number = this.getFrame(frmLabel); //Go to the requested page. gotoAndPlay(frmGoto); }
Bem, vamos testar o que temos at agora. Selecione Debug-> Depurar filme (Ctrl + Shift + Enter) de Menu principal do Flash CS3. Isto ir compilar e executar o arquivo Flash. Se voc perdeu alguma coisa, o compilador ir mostrar-lhe um erro. Aqui est o que voc deve ver.

Sinta-se livre para clicar em alguns botes, mas voc realmente no ser capaz de ver as pginas em mudana uma vez que todos de nossas pginas esto em branco. Vamos pular um pouco e mudar isso. Dessa forma saberemos o nosso menu est trabalhando. Primeiro, selecione o quadro na sua camada de contedo sob a pgina inicial.

Em segundo lugar, coloque uma caixa de texto, com texto alinhado direita, pelo smbolo HouseBtn, assim.

Em seguida, siga os mesmos passos para colocar uma etiqueta (no mesmo lugar) nas camadas de contedo de cada pgina. Em seguida, altere o texto para representar cada pgina. Dica: Voc pode selecionar a caixa de texto que acabou de fazer na sua pgina inicial, selecione o quadro para a camada decontedo em na pgina inicial, e selecione Editar-> Colar no Lugar (ou Ctrl + Shift + V). Isso vai colar a caixa de texto no lugar exatamente como sua pgina inicial. Voc tambm vai precisar adicionar a linha seguinte de um AS para cada uma das camadas Aes para cada pgina, exceto o Incio pgina.

stop();
Isso ir garantir que o seu filme do Flash vai parar no frame solicitado. Se no, estaramos batendo o solicitado quadro e, em seguida, o filme iria continuar a jogar fora o resto do filme. Como para a pgina inicial, preciso adicionar a seguinte linha de AS. Estamos indo para bascially simplesmente ignorar a pgina inicial. A razo simples. Eu posso querer, em um momento posterior, mudar a minha home page para algo diferentes e fazer a home page atual de uma pgina de boas vindas. Mas, por enquanto, s teremos que usar nossa home page como o nosso bem-vindos. Basicamente, ns estamos apenas tentando manter o nosso site como manuteno possvel.

gotoAndPlay(2);
Novamente, observe o pouco 'a' em cada quadro contendo AS cdigo.

Antes de depurar novamente, vamos adicionar um par de linhas de AS para a nossa navigationClicked funo. Vamos colocar o nosso gotoAndPlay(frmGoto); linha de AS dentro de um if comunicado. Aqui est a funo agora.

function navigationClicked(Event:MouseEvent):void { //We'll use this to store the Frame Label's name. var frmLabel:String = ''; //Determine what Frame Label to use based on which //button was clicked. switch (Event.target) { case mainMenu_mc.profile_btn : frmLabel = "profile_frm"; break; case mainMenu_mc.resume_btn : frmLabel = "resume_frm"; break; case mainMenu_mc.contact_btn : frmLabel = "contact_frm"; break; case mainMenu_mc.portfolio_btn : frmLabel = "portfolio_frm"; break; case mainMenu_mc.respect_btn : frmLabel = "respect_frm"; break; case logo_btn : frmLabel = frmLabel = "home_frm"; break; case home_btn : frmLabel = "home_frm"; break; } //Find the frame number based on our Frame Label. var frmGoto:Number = this.getFrame(frmLabel); //Don't do anything if we are already on the requested page. if (currentFrame != frmGoto) { //Go to the requested page. gotoAndPlay(frmGoto); } }
V em frente e agora debug para ver as alteraes em ao. Observe como o rtulo de pgina pelas mudanas smbolo HouseBtn que voc v de pgina em pgina. Em seguida, vamos montar o nosso LogoBtn e botes HouseBtn. Depois de atribuir um nome de instncia para os seus botes, tudo que voc precisa fazer anexar o evento clique dos botes para o

nosso navigationClicked funo. Esquecer como? Isso legal. Aqui est uma reciclagem.

logo_btn.addEventListener(MouseEvent.CLICK, navigationClicked); home_btn.addEventListener(MouseEvent.CLICK, navigationClicked);

Ento, agora ns precisamos adicionar esses caras para a nossa switch comunicado. Depois que voc fizer isso, sinta-se livre depurar novamente para verific-la.

case logo_btn : frmLabel = "home_frm"; break; case home_btn : frmLabel = "home_frm"; break;
Que tal esse menu voar? hora de coloc-lo para o trabalho! Lembre-se essas duas funes que fizemos, goHome(); e leaveHome(); ? assim que ns vamos controlar o menu do nosso navigationClicked funo. Vamos ter um olhar como. Tudo o que precisamos fazer para implementar o nosso menu voar fazer um par de modificaitons para o nosso ifdeclarao em nosso navigationClicked funo. Abaixo esto as mudanas. No deixe de ler as linhas comentadas para entender o que estamos tentando realizar.

//Don't do anything if we are already on the requested page. if (currentFrame != frmGoto) { //Get and remember the Home page's frame number. var frmHome:Number = this.getFrame("home_frm"); //If our requested page is the Home page, the flying menu //needs to go home. if(frmGoto == frmHome) { mainMenu_mc.goHome(); } //Else, if we are on the Home page and are leaving, then //leave home. else if(currentFrame == frmHome) { mainMenu_mc.leaveHome(); } //Go to the requested page. gotoAndPlay(frmGoto); }
Ns s temos dois botes para ir. Nosso ForwardBtn e botes BackwardBtn. Para comear com aqueles caras, atribuir-lhes s Nome da Instncia e conect-los ao nosso

navigationClicked funcionar como temos feito vrias vezes anteriormente.

um pouco complicado para chegar a nossa forward_btn e botes backward_btn para o ciclo de pginas de forma adequada. Acho que vai ser muito mais clara, se eu apenas dar-lhe o cdigo e voc ler atravs de comentrios em vez dissecando a linha de funes por linha. A principal funo aqui getSequencedFrame(forward:Boolean) . Esta funo aceita um

Boolean valor que indica se a pgina seguinte solicitado ou a anterior. Ento, a funo
vai determinar o rtulo de quadro da pgina solicitada. Aqui est a duas funes que voc precisa. Basta copiar e col-los em sua seo Funes Helper.

function getFrameLabel(frame:Number):String { var frmLabel:String = ''; //Loop through all Frame Labels to find the requested Frame Label. for (var i = 0; i < currentLabels.length; i++) { if (currentLabels[i].frame == frame) { frmLabel = currentLabels[i].name; break; } } return frmLabel; } function getSequencedFrame(forward:Boolean):String { //Used to remember the Frame Label of our page. var frmSequence:String = ''; //If we're looking for the next page in sequence... if(forward) { //If our current page is that last page... if(currentFrame == this.getFrame("respect_frm")) { //...then, we need to go Home. frmSequence = "home_frm"; } else { //...else, we just need to go to the next frame. frmSequence = this.getFrameLabel((currentFrame + 1)); } } //...else, we're looking for the previous page in sequence. else { //If we're on the first page (remember, we skipped our Start page)... if(currentFrame == this.getFrame("home_frm") || currentFrame ==

this.getFrame("start_frm")) { //...then, we need to go to the last page. frmSequence = "respect_frm"; } else { //...else, we just need to go to the the previous frame. frmSequence = this.getFrameLabel((currentFrame - 1)); } } return frmSequence; }
Quase l! Basta adicionar este cdigo para o seu switch declarao e est feito.

case backward_btn : frmLabel = this.getSequencedFrame(false); reak; case forward_btn : frmLabel = this.getSequencedFrame(true); break;
Parabns pessoal! Voc acabou de completar a parte mais difcil jwright.info . De agora em diante, vamos fazer cada pgina sua prpria seo. Dessa forma ser mais fcil para voc para parar e pegar novamente mais tarde se for necessrio. Home Page As primeiras coisas primeiro. Spice vamos at nossa home page! Certifique-se que os seguintes smbolos ir no Camada de contedo da nossa camada de pgina inicial. Criar uma nova caixa de texto e digite JAMESWRIGHT ou usar seu prprio nome para chutes. Use Arial, fonte 28pt e espaamento de letras de 33. Agora, converter esta caixa de texto a um clipe de filme chamado NameMc. Alm disso, enquanto ns estamos l, dar-lhe um nome de instncia de name_mc. Voc pode usar o meu logotipo se voc quiser ou o seu prprio-enquanto menos um clipe de filme com um nome de instncia de logo_mc. Solte-o na pgina inicial tambm. Tambm fiz uma pequena chamada de rodap DetDriDetMc com um nome de instncia de ddd_mc. Aqui est uma olhada em nossa home page.

V em frente e test-lo! Voc pode depurar como antes, ou pressione Ctrl + Enter para executar o modo de teste. Muito legal, hein? Bem, isso est prestes a ficar melhor. Vamos adicionar algumas transies fade. Desde que ns vamos ser usando as transies mesmo em vrias pginas e outros clipes de filme, preciso colocar o cdigo de

transio em sua prpria classe. Veja como. Selecione Arquivo-> Novo Arquivo-> ActionScript. Clique em OK. Salve o arquivo no mesmo diretrio como seu Arquivos flash chamado utils.Fader. Duas coisas so fundamentais aqui. A localizao do arquivo e da nomeao de o arquivo. Deve ser no mesmo diretrio, porque esta a forma como o seu cdigo AS ir referenciar este arquivo. Alm disso, o nome significa o pacote (aka namespace) para ser usado. Adicione o seguinte cdigo ao seu arquivo utils.Fader.as novo.

package utils { //Import the needed packages. import fl.transitions.Transition; import fl.transitions.TransitionManager; import fl.transitions.Fade; import fl.transitions.easing.*; import flash.display.MovieClip; //Fader class definition. public class Fader { //This function will apply a "fade in" effect for any given Movie Clip. public static function fadeIn(mc:MovieClip):void { //Use the TransitionManager to fade in the movie clip. TransitionManager.start(mc, {type:Fade, direction:Transition.IN, duration:1, easing:Strong.easeIn}); } //This function will apply a "fade out" effect for any given Movie Clip. public static function fadeOut(mc:MovieClip):void { //Use the TransitionManager to fade in the movie clip. TransitionManager.start(mc, {type:Fade, direction:Transition.OUT, duration:1, easing:Strong.easeOut}); } } }
Clique aqui para ler mais sobre o TransitionManager. Agora, v em frente e adicione este AS arquivo ao seu projeto Flash como fizemos no incio do tutorial. Em seguida, adicione este cdigo a sua camada Aes principal. Isto ir permitir que voc seja capaz de usar seu Fader class na linha do tempo principal.

///////////////////////////////////////////////////////////////////// // Includes and Imports. ///////////////////////////////////////////////////////////////////// import utils.Fader;

Para implementar sua classe Fader, basta adicionar essas linha de AS para a sua camada de Aes para a sua pginainicial.

utils.Fader.fadeIn(logo_mc); utils.Fader.fadeIn(name_mc); utils.Fader.fadeIn(ddd_mc);

Great! Agora voc pode test-lo e verificar o efeito de fade cool! Isso tudo para a pgina inicial! A pgina de perfil A primeira coisa que precisamos fazer criar um novo clipe de filme (Lembre-se, voc pode fazer isso a partir do painel Library). Ento ns queremos para colocar um grfico sobre o MC, que meio que parece um guia de um documento com guias. Coloque a guia em sua prpria camada chamada Guia. Novamente, voc pode encontrar este grfico e outros no pacote fornecido com o tutorial.

Em segundo lugar, precisamos criar alguns botes-apenas alguns botes simples que dizer aos nossos leitores um pouco sobre ns. Tudo que voc precisa fazer criar um novo boto, como voc fez antes, e coloque algum texto nele. Nada de novo aqui. Aqui est um instantneo pouco de um dos meus botes.

Voc pode criar o que quiser aqui, mas se voc quiser ficar comigo aqui, criar um boto para cada Quem, que, Quando, onde e por que a seco que se parece com o seguinte. Estes botes devem ser colocados em seus prprios camada, botes nomeado.

V em frente e dar a cada boto de um nome de instncia. Por exemplo, eu nomeei meu boto WhoBtn whoCap_btn-uma vez que estes botes so como legendas. Agora, para alguns efeitos muito legal! Vamos criar alguns "popups" para cada boto que acabou de fazer. Para isso, crie primeiro um clipe de filme novo chamado WhoPopupMc. Estes so reais simples de fazer. Essencialmente, tudo que voc precisa de duas camadas: Texto e Janela. Sobre a camada de texto, basta colocar o WhoBtn voc acabou de fazer da Biblioteca. Em seguida, na Janela lugar camada de um retngulo, cor de preenchimento # 333333 e # FFFFFF cor do trao, que um pouco maior do que o seu boto. Voc tambm vai precisar criar outro pequeno boto utilizado para fechar o popup. Sinta-se livre para fazer o que quer que esse boto voc gosta. Eu apenas usei um pequeno crculo. Aqui est uma olhada!

Certifique-se de dar o seu CloseBtn um nome de instncia chamada close_btn. Agora que voc sabe como fazer isso, criar um "popup" para cada boto. Depois de ter criado todas as suas pop-ups, coloque cada pop-up em sua prpria camada no seu ProfileTabMc smbolo e atribuir Instance Name s para o seu pop-ups. Aqui est o que eu acabei com.

Em seguida, voc precisa inserir outra camada chamada Actions para o seu smbolo ProfileTabMc. Sobre esta camada vamos adicionar alguns AS manipuladores de eventos para os nossos botes. Aqui esto eles para poupar algum tempo e digitao.

///////////////////////////////////////////////////////////////////// // Event Setup. ///////////////////////////////////////////////////////////////////// whoCap_btn.addEventListener(MouseEvent.CLICK, showPopup); whatCap_btn.addEventListener(MouseEvent.CLICK, showPopup); whenCap_btn.addEventListener(MouseEvent.CLICK, showPopup); whereCap_btn.addEventListener(MouseEvent.CLICK, showPopup); whyCap_btn.addEventListener(MouseEvent.CLICK, showPopup); whoPup_mc.close_btn.addEventListener(MouseEvent.CLICK, closePopup); whatPup_mc.close_btn.addEventListener(MouseEvent.CLICK, closePopup); whenPup_mc.close_btn.addEventListener(MouseEvent.CLICK, closePopup); wherePup_mc.close_btn.addEventListener(MouseEvent.CLICK, closePopup); whyPup_mc.close_btn.addEventListener(MouseEvent.CLICK, closePopup);
Antes de definirmos nossas funes manipulador de eventos, precisamos adicionar algum AS para nos ajudar a controlar os pop-up mostrando atualmente. Ento, como fazemos isso? Novamente, nada de novo aqui. Ns apenas estamos

indo para escrever um simples

switch instruo para definir uma varivel chamada currentPopup .

Tudo o que est acontecendo aqui que est determinando qual boto foi clicado e, em seguida, definir uma varivel Clipe de filme para o pop-up que precisamos para mostrar. Aqui est o cdigo.

///////////////////////////////////////////////////////////////////// // Variables. ///////////////////////////////////////////////////////////////////// var currentPup:MovieClip = null; ///////////////////////////////////////////////////////////////////// // Helper Functions. ///////////////////////////////////////////////////////////////////// function setCurrentPopup(e:Event):void { //Set the current popup based on which caption was clicked. switch(e.target) { case whoCap_btn: currentPopup = whoPopup_mc; break; case whatCap_btn: currentPopup = whatPopup_mc; break; case whenCap_btn: currentPopup = whenPopup_mc; break; case whereCap_btn: currentPopup = wherePopup_mc; break; case whyCap_btn: currentPopup = whyPopup_mc; break; } }
Em seguida, precisamos definir o nosso manipulador de eventos funes showPopup e closePopup . Sei que dizer isso muito, mas, este no deve ser muito complicado. Apenas um par bsico manipuladores de eventos.Vamos tambm querer adicionar alguns efeitos interessantes fading aqui tambm, ento ns vamos importar o utils.Fader classe.

///////////////////////////////////////////////////////////////////// // Includes and Imports. ///////////////////////////////////////////////////////////////////// import utils.Fader; ///////////////////////////////////////////////////////////////////// // Event Handlers. ///////////////////////////////////////////////////////////////////// function closePopup(Event:MouseEvent):void { //If the current popup has been set, fade it out. if(this.currentPopup != null) utils.Fader.fadeOut(currentPopup); } function showPopup(Event:MouseEvent):void { //Set the current popup. this.setCurrentPopup(Event); //If the current popup has been set, fade it in. if(this.currentPopup != null) utils.Fader.fadeIn(currentPopup); }
Para ver suas alteraes, voc precisa voltar para a timeline principal e adicionar seu novo smbolo ProfileTabMc para a sua camada de contedo na seo Perfil. Voc pode usar a ferramenta Free Transform (Q) para fazer se encaixa ao seu estgio de acordo, se o tamanho de seu smbolo no apenas direito. Voc pode visualizar pgina de perfil que voc agora se voc quiser (Ctrl + Enter). Voc provavelmente vai perceber que o seu pop-ups comeam a ser visveis. Para corrigir esse problema, vamos adicionar mais alguns AS para o ProfileTabMc 's camada Aes. Este AS bloco vai contar a popups para no ser visveis na inicializao. Depois de adicionar este cdigo para o seu MC, test-lo e ver os efeitos interessantes!

///////////////////////////////////////////////////////////////////// // Startup. ///////////////////////////////////////////////////////////////////// whoPopup_mc.visible = false; whatPopup_mc.visible = false;

whenPopup_mc.visible = false; wherePopup_mc.visible = false; whyPopup_mc.visible = false;

Voc gosta? Cool. Bem, apenas mais um tweak antes de passarmos para a prxima pgina. Se voc perceber, quando voc clica em qualquer dos seus botes, os ecrs correspondentes popup. Isso o que deve fazer, no entanto, mesmo depois de um pop-up exibe voc ainda pode clicar em outro boto. Este no um comportamento desejado. Vamos chegar a uma maneira de parar isto. Aqui est o que eu tenho. Minha proposta fazer uma camada que vai encobrir os outros botes ao mesmo tempo um popup est sendo exibido.Ento, volte em seu smbolo ProfileTabMc e cpia da guia-apenas uma parte da guia, no os botes. Em seguida, cole guia que em um novo smbolo. Cham-lo TabCoverMc. Um pequeno toque, alterar a propriedade do grfico Alpha para 80% em cor de preenchimento selecionador.

Depois de criar esse smbolo, arraste-a para o seu smbolo ProfileTabMc em um novo chamado laber TabCover. Seja certeza de que a camada est acima da camada de Botes e abaixo da camada de Popups. Aqui est o resultado.

Agora voc pode dar o smbolo TabCoverMc um nome de instncia de tabCover_mc. Queremos tambm que este smbolo para ser escondida na inicializao. Ento, vamos escond-la apenas como botes de nossa legenda.

tabCover_mc.visible = false;
Quando o usurio clica em um boto de legenda para ver um pop-up, agora podemos encobrir os outros botes com a novaTabCoverMc smbolo em nossa showPopup e closePopup funes. Aqui esto as funes modificadas.

///////////////////////////////////////////////////////////////////// // Event Handlers. ///////////////////////////////////////////////////////////////////// function closePopup(Event:MouseEvent):void { //Fade out the tab cover. utils.Fader.fadeOut(tabCover_mc); //If the current popup has been set, fade it out. if(this.currentPopup != null) utils.Fader.fadeOut(currentPopup); } function showPopup(Event:MouseEvent):void { //Set the current popup. this.setCurrentPopup(Event); //Fade in the tab cover. utils.Fader.fadeIn(tabCover_mc); //If the current popup has been set, fade it in. if(this.currentPopup != null) utils.Fader.fadeIn(currentPopup); }

Para terminar esta seo, adicione um efeito de fade para o smbolo ProfileMc em sua camada de Aes. Este vai desaparecer em seu smbolo ProfileMc quando a pgina exibida.

D uma olhada na pgina do perfil agora. uma beleza! timo trabalho! A Pgina Rsum A pgina Rsum no vai demorar muito a todos. Primeiro crie um novo filme chamado ResumeMc Clip. Dentro do MC, voc precisa copiar e colar o meu currculo ou usar o seu prprio. Uma pequena coisa, certifique-se de verificar a caixa de seleo marcada Exportar para ActionScript.

Bem, isso foi bastante simples. Agora, vamos us-lo. Em seguida, voc vai precisar criar outro clipe de filme chamado

ResumeScollerMc. Dentro deste MC voc precisar de um ScrollPane do painel Componentes. Voc pode achar que em Janela-> Components (ou Ctrl + F7). Depois de localizar o ScrollPane, arraste um em seu ResumeScrollPaneMc.

Este um controle realmente puro. Desde o nosso currculo demasiado longo para caber em splashy, o componente ScrollPane vai rolar nosso smbolo ResumeMc cima e para baixo. Tudo o que precisamos fazer ajustar um par das do ScrollPane parmetros para dizer-lhe que MC queremos que ele v. Para ver os parmetros do ScrollPane, selecione Window-> Propriedades-> Parameters. Em seguida, selecione o seu ScrollPane e voc deve ver seus parmetros listados no painel de parmetros. O nico parmetro que deve precisar configurar o parmetro de origem. Conjunto que o smbolo que queremos deslocar-ResumeMc. Esta a razo que voc precisava para verificar Exportar para ActionScript ao fazer a ResumeMc smbolo. Em poucas palavras, uma vez que no est adicionando este diretamente ao nosso estgio, o compilador AS necessidades saber o MC para rolar.

Agora voc pode arrastar o ResumeScrollerMc para a timeline principal sobre a camada de Contedo do Currculo pgina. Alm disso, adicionar um efeito de fade para o smbolo ResumeScrollerMc em sua camada de Aes. Voc pode fazer isso da mesma maneira exata que voc fez efeito de fade o smbolo do ProfileMc. Mais do que provavelmente, voc vai notar que sua barra de rolagem no se parece com o meu. Se for esse o caso, voc pode realmente editar o componente ScrollPane-apenas como um clipe de filme. Muito legal, hein? Basta localizar o ScrollPane Em sua biblioteca (provavelmente sob Ativos Componente), clique direito e escolha Editar. Voc deve ver algo como o seguinte. D um duplo clique no smbolo Skins ScrollBar.

Agora, voc pode editar qualquer um dos skins que voc v antes de voc. Aqui est o que o meu olhar como depois que eu tweaked-los.

Isso tudo para a pgina de resumo! Para a pgina de contato. A pgina de contato A pgina de contato realmente no precisa de muita explicao. Voc j fez isso vrias vezes. Mas, apenas por diverso, aqui voc vai. Tudo que voc precisa fazer criar um novo clipe de filme chamado ContactMc que contm suas informaes de contato. Coisas realmente simples. Depois, voc pode dar-lhe um nome de instncia e usar o utils.Fader classe a desvanecer-se na MC quando enquadrar a pgina de Contato hit. isso a!

A pgina Portfolio Minha pgina Portfolio definitivamente precisa de algum trabalho. Mas vamos passar por aquilo que temos de qualquer maneira. basicamente usando apenas dois botes que ir abrir uma nova janela. Tudo o que fiz para criar meus botes foi tirar uma foto da tela de um casal sites eu estive trabalhando. Ento eu importados

-los em minha biblioteca e deixou-os cair em um boto. Em seguida, no quadro Sobre do boto, eu fiz o imagem um pouco maior e adicionada uma legenda na parte inferior. Aqui est o primeiro boto para referncia.

Depois de criar seus dois botes, simplesmente deix-los em seu palco principal. Em seguida, voc pode adicionar um pouco de posio, se quiser.

Selecionar seus trs itens, ttulos e os dois botes. Em seguida, pressione F8 e converter esses trs coisas em um clipe de filme por isso vamos ser capaz de adicionar nosso efeito fade. Liguei para o meu novo MCPortfolioMc. Estamos quase terminando! Vamos adicionar um pouco de AS para abrir uma nova janela do navegador quando um boto clicado. D um duplo clique seu smbolo PortfolioMc para lev-lo em modo de edio. Em seguida, adicione uma nova camada chamada Actions. Em que a camada cole o seguinte cdigo.

css_btn.addEventListener(MouseEvent.CLICK, cssClicked); mlt_btn.addEventListener(MouseEvent.CLICK, mltClicked); function cssClicked(event:MouseEvent):void { //Create a new URL request. var url:URLRequest = new URLRequest("http://www.clixsoftwaresolutions.com/"); //Open up the URL in a new window. navigateToURL(url, "_blank"); } function mltClicked(event:MouseEvent):void { //Create a new URL request. var url:URLRequest = new URLRequest("http://www.mylooptracker.com/"); //Open up the URL in a new window. navigateToURL(url, "_blank"); }
Eu sei o que voc est pensando. Sim, ns poderamos ter usado outro switch declarao, mas por apenas dois botes Optei por usar apenas duas funes. Bom prendedor embora!

Finalmente, basta adicionar o seu utils.Fade.fadeIn(portfolio_mc) chamada de funo em Carteira de pginas do Camada de ao na linha do tempo principal, e est feito! Nota: Se voc depurar seu filme agora e tentar clicar em um de seus botes na pgina Portfolio, voc vai provavelmente ver o seguinte aviso. No se preocupe, que suposto fazer isso. Se voc testar seu filme (Ctrl + Enter) ou implantar seu filme-que deve funcionar como um encanto!

A Pgina de Respeito Ahhhhhh, finalmente. A pgina final. Bem, na minha opinio, eu tenho o melhor para o passado. Eu amo este scroller pouco, ea melhor parte que no muito difcil conseguir este efeito fantstico. Comece por fazer um novo clipe de filme chamado RespectStageMc. Sobre a primeira camada em nosso MC queremos introduzir algo novo para jwright.info-mascaramento. Voc vai ver o poder de mascarar em breve. Em segundo lugar, coloque um retngulo centralizado na pgina em uma camada chamada rea de rolagem. Defina sua cor de preenchimento para # 999999 sem derrame. No se preocupe com o tamanho bastante ainda. Em seguida, volte para sua timeline principal e adicionar o MC para o Contedo camada em sua pgina de Respeito. Agora, voc pode ir para trs em seu MC e ajustar o tamanho de seu retngulo para ser a largura exata de splashy. (Lembre-se dele?) Certifique-se que o seu MC est centrado com seu botes de seta de navegao antes de redimensionar qualquer coisa.

Vamos adicionar um pouco mais para o nosso MC. Vamos colocar um mais escuro retngulo (# 333333) acima e abaixo nossa camada rea de rolagem.

Em seguida, adicione um ttulo.

Para as miniaturas! Novamente, sinta-se livre para usar os botes de miniatura eu j fiz, ou voc pode fazer o seu prprio. O conceito muito parecido com o que voc fez sobre o Portfolio pginas um pouco menores. Aqui est o que um dos meus parece.

Depois de obter todas as suas miniaturas feitas, coloc-los todos centrados, e espaados de maneira uniforme, em uma nica camada chamada Polegares na sua MC. Em seguida, voc precisa voltar para que a MC e cole este cdigo. No real necessidade de explicar aqui. Estamos apenas surgindo um novo janela do navegador e carregar o site que foi clicado.

///////////////////////////////////////////////////////////////////// // Includes and Imports. ///////////////////////////////////////////////////////////////////// import flash.net.navigateToURL; import flash.net.URLRequest; ///////////////////////////////////////////////////////////////////// // Event Setup. ///////////////////////////////////////////////////////////////////// advanced_btn.addEventListener(MouseEvent.CLICK, gotoSite); henz_btn.addEventListener(MouseEvent.CLICK, gotoSite); kalou_btn.addEventListener(MouseEvent.CLICK, gotoSite); studio_btn.addEventListener(MouseEvent.CLICK, gotoSite); crystal_btn.addEventListener(MouseEvent.CLICK, gotoSite); deepBlue_btn.addEventListener(MouseEvent.CLICK, gotoSite); wolf_btn.addEventListener(MouseEvent.CLICK, gotoSite); freedom_btn.addEventListener(MouseEvent.CLICK, gotoSite); ///////////////////////////////////////////////////////////////////// // Event Handlers. ///////////////////////////////////////////////////////////////////// function gotoSite(Event:MouseEvent):void { var url:URLRequest = null; switch (Event.target) { case advanced_btn : url = new URLRequest("http://www.2advanced.com/"); break; case henz_btn : url = new URLRequest("http://www.henzstudio.com/"); break; case kalou_btn : url = new URLRequest("http://www.kalou.ch/fr/"); break; case studio_btn : url = new URLRequest("http://www.studiopiro.com/index2.htm"); break; case crystal_btn : url = new URLRequest("http://www.crystalmedia.co.yu/"); break; case deepBlue_btn : url = new URLRequest("http://www.deepblue.com/"); break; case wolf_btn : url = new URLRequest("http://www.wolfpeak.net/"); break; case freedom_btn : url = new URLRequest("http://www.freedomoftheseas.com/"); break; } if (url != null) { navigateToURL(url, "_blank"); } }
Depois de ter feito isso, selecione todos os seus polegares e convert-los em um nico clipe de filme chamadoThumbsScrollerMc. Voc ver porque em apenas um minuto. Como voc pode ver agora, as miniaturas so correndo do palco para a esquerda. Se voc testar seu filme voc v-los l tambm. Este no o que queremos. Queremos as miniaturas a desaparecer medida que se mover para fora de splashy. Para conseguir esse efeito, precisamos usar uma tcnica chamada de mscara. Para mascarar as miniaturas, insira uma nova camada Polegares acima de sua camada chamada mscara de deslocamento. Clique direito na nova camada e selecione Mask. Sobre esta camada voc vai precisar para criar um retngulo do mesmo tamanho exato como a um em sua camada rea de rolagem. Posso sugerir que

basta copiar e colar lugar-em-que retngulo da camada rea de rolagem. Voc ter que mudar sua preencher o valor cor alfa para 10%. Este apenas para que voc possa ver o que est por trs da mscara. Se voc testar seu filme agora, voc vai perceber como as miniaturas apenas que mostrar so os que esto diretamente por trs da mscara. Agora, a parte legal. Para ser capaz de deslocar para a esquerda e direita, voc vai precisar de uma seta para a esquerda e direita. Eu usei apenas as teclas de seta usamos em nossa linha de tempo principal e os colocou em uma nova camada. Eu tambm adicionei uma borda branca pequena em torno do flechas.

Aqui est o cdigo que voc precisa para percorrer o seu thumbs_mc ThumbScrollerMc nomeado.

///////////////////////////////////////////////////////////////////// // Includes and Imports. ///////////////////////////////////////////////////////////////////// import fl.transitions.Tween; import fl.transitions.easing.Regular; ///////////////////////////////////////////////////////////////////// // Event Setup. ///////////////////////////////////////////////////////////////////// left_btn.addEventListener(MouseEvent.CLICK, scrollLeft) right_btn.addEventListener(MouseEvent.CLICK, scrollRight) ///////////////////////////////////////////////////////////////////// // Event Handlers. ///////////////////////////////////////////////////////////////////// function scrollLeft(Event:MouseEvent):void { //Shift the MC left 150 units. var myTween:Tween = new Tween(thumbs_mc, "x", Regular.easeOut, thumbs_mc.x, (thumbs_mc.x - 150), 1, true); } function scrollRight(Event:MouseEvent):void { //Shift the MC right 150 units. var myTween:Tween = new Tween(thumbs_mc, "x", Regular.easeOut, thumbs_mc.x, (thumbs_mc.x + 150), 1, true); }
Essentiall, estamos apenas mudando a esquerda e direita ThumbsScrollerMc quando o usurio clica em um boto de seta. Test-lo! A nica coisa que resta a fazer adicionar o efeito de fade in na linha do tempo principal para o RespectStageMc smbolo. Grande trabalho!

Concluso
jwright.info site!

Bem parabns Flashians companheiro! Voc concluiu com xito todo o Sinta-se livre para olhar tambm para o arquivo HTML includo no pacote para ver como o arquivo. Swf exibido na browser. Eu sei que este tutorial foi um pouco longo, talvez o mais longo que voc j fez. Mas o contedo abordado neste percorrer deve dar-lhe uma grande base para o desenvolvimento de seu site prprio Flash. Continuem o bom trabalho! By the way, se voc sente como este muito trabalho, voc pode criar um site em flash livre profissional com Wix .

Tags: Criao de Websites , Flash carteira , de flash tutorial , de flash web design , site em flash

Flash Tutorial - Como criar um site em flash Flash Tutorial Site

Fazer uma Splash Page em Adobe Flash

Importando imagens para o Adobe Flash

Criao de uma desfocagem da imagem em Adobe Flash

98 Responses to "Criando um site Portfolio Flash"

1. david
05. Maio, 2009

btw eu gosto do seu tutorial

Responder a este comentrio

2. denton
31. Maio, 2009

Tutorial Grande Michael! Eu tambm tive problemas para obter o menu principal para tween corretamente no incio assim que eu deletei MainMenuMc e comeou de novo - funciona muito bem agora. Algumas pessoas podem tambm ter problemas se eles esto usando CS4. O tutorial acima foi escrito fro CS2/CS3 eu acho, e para fazer o mesmo tipo de interpolao, voc tem que usar o Classic Tween (no Tween Motion). Se tudo mais falhar, ter um olhar para os arquivos de origem no topo da pgina.
Responder a este comentrio

3. Elegante
31. Maio, 2009

James tambm eu estou preso como George, que escreveu em 02 de abril, . O seu texto no deixa claro exatamente o que precisa ser feito eo que estamos tentando fazer neste momento em seu tutorial. Talvez ele vir para mim se eu experimentar um bit.Your palavras esclarecedoras que seria apreciada. Obrigado Elegante
Responder a este comentrio

4. Gary
03. Junho de 2009

Depois de adicionar os manipuladores de eventos e funes auxiliares, eu Selecione Debug-> Depurar filme (Ctrl + Shift + Enter) de Menu principal do Flash CS3. Recebo este erro TypeError: Error # 1010: Um termo indefinido e no tem propriedades. em jright_fla:: MainTimeline / jright_fla:: frame1 () Eu no tenho certeza que o meu problema. ////////////////////////////////////////////////// /////////////////// / / Startup. ////////////////////////////////////////////////// /////////////////// stop (); mainMenu_mc.stop (); ////////////////////////////////////////////////// /////////////////// / Eventos / Setup. ////////////////////////////////////////////////// /////////////////// mainMenu_mc.profile_btn.addEventListener (MouseEvent.CLICK, navigationClicked); mainMenu_mc.resume_btn.addEventListener (MouseEvent.CLICK, navigationClicked); mainMenu_mc.contact_btn.addEventListener (MouseEvent.CLICK, navigationClicked); mainMenu_mc.portfolio_btn.addEventListener (MouseEvent.CLICK, navigationClicked); mainMenu_mc.respect_btn.addEventListener (MouseEvent.CLICK, navigationClicked); ////////////////////////////////////////////////// /////////////////// / / Manipuladores de Eventos. ////////////////////////////////////////////////// /////////////////// funo navigationClicked (evento: MouseEvent): void { / / Vamos usar isso para armazenar o nome do rtulo Frame. var frmLabel: String = "; / / Determinar o rtulo de quadro de usar com base no qual / / Boto foi clicado. switch (Event.target)

{ mainMenu_mc.profile_btn caso: frmLabel = "profile_frm"; break; mainMenu_mc.resume_btn caso: frmLabel = "resume_frm"; break; mainMenu_mc.contact_btn caso: frmLabel = "contact_frm"; break; mainMenu_mc.portfolio_btn caso: frmLabel = "portfolio_frm"; break; mainMenu_mc.respect_btn caso: frmLabel = "respect_frm"; break; logo_btn caso: frmLabel frmLabel = = "home_frm"; break; home_btn caso: frmLabel = "home_frm"; break; } / / Encontrar o nmero do quadro com base em nossa rtulo de quadro. var frmGoto: Number = this.getFrame (frmLabel); / / Ir para a pgina solicitada. gotoAndPlay (frmGoto); } ////////////////////////////////////////////////// /////////////////// / Helper / Funes. ////////////////////////////////////////////////// /////////////////// funo GetFrame (frameName: String): Number { var quadro: Number = 1; / / Loop atravs de todos os rtulos de quadro para encontrar a nossa estrutura solicitada. for (var i = 0; i currentLabels.length <; i + +) { if (currentLabels [i] nome. frameName ==) { frame = currentLabels [i] frame.; break; } } retorno de quadros; }
Responder a este comentrio

5. Porsche
10. Junho de 2009

O MainMenu s se move corretamente quando o home_btn e logo_btn so clicados.O MainMenu permanece no palco quando os outros so clicados. Como posso obter os outros botes para empurrar o menu principal para o canto superior direito?
Responder a este comentrio

o
Mel
19. Junho de 2009

Eu estou tendo esse problema tambm! Quando eu clicar nos botes eles no voam at o lado direito, somente quando os botes Home e Logo so clicados. AJUDA!
Responder a este comentrio

6. andrea
01. Julho de 2009

todos os botes do menu meu trabalho e mudana para essa pgina, mas o contato fica na home page a partir do menu de inicializao, e quando eu estou em outra pgina, como carteira e em seguida, clique em contato a partir da que me leva de volta tela inicial e move o menu de volta para o centro. o que poderia estar causando isso? obrigado.
Responder a este comentrio

7. Meda
13. Julho de 2009

Estou quase completa com o site porfolio, no entanto eu continuo vindo para este erro: "Utils: definio Fader no pde ser encontrado." O arquivo utils.fader.as est no mesmo diretrio que o meu arquivo fla., Mas eu simplesmente no posso parecer para depurar o filme e ver os efeitos. obrigado pelo seu tempo em me ajudar
Responder a este comentrio

o
Reid

14. Julho de 2009

Estou recebendo o mesmo; Attemping para lanar e conectar-se a URL Player usando C: \ Users \ Marketing \ Documents \ Reid \ Flash \ reidbutler.swf [SWF] C: \ Users \ Marketing \ Documents \ Reid \ Flash \ reidbutler.swf 44.821 bytes aps a descompresso TypeError: Error # 1009: No possvel acessar uma propriedade ou mtodo de uma referncia de objeto nula. em fl.transitions:: TransitionManager $ / start () [C: \ Arquivos de programas \ Adobe \ Adobe Flash CS3 \ en \ Configuration \ ActionScript 3.0 \ Classes \ fl \ transies \ TransitionManager.as: 204] em utils:: Fader $ / fadeIn () [utils.Fader.as: 17] em reidbutler_fla:: MainTimeline / reidbutler_fla:: frame1 () [reidbutler_fla.MainTimeline:: frame1: 173]
Responder a este comentrio

o
Reid
14. Julho de 2009

Estou recebendo o mesmo; TypeError: Error # 1009: No possvel acessar uma propriedade ou mtodo de uma referncia de objeto nula. em fl.transitions:: TransitionManager $ / start () em utils:: Fader fadeIn $ / () em reidbutler_fla:: MainTimeline / reidbutler_fla:: frame1 ()
Responder a este comentrio

8. Effie
02. Agosto de 2009

oi james, queria saber como voc ligar um boto para uma das pginas do site? eu gostaria de ter um boto na pgina de perfil a ser relacionadas com a pgina do resumo. u poderia oferecer alguma ajuda? espero que voc veja este logo bastante urgente. obrigado.
Responder a este comentrio

9. CHRIS T.
03. Agosto de 2009

Oi, em primeiro lugar grande coisa voc est aqui. Estou prestes a meio, mas eu continuo recebendo mensagens de erro quando voc pede para depurar (eu estou no segundo debug). Eu no acho que estou ficando a funo cheia do que eu deveria estar vendo at agora. O que estou fazendo de errado? Tambm devo tirar as instrues do cdigo? Me

disseram que eu no preciso deles. Pode que causam as mensagens de erro. Obrigado por tudo o que voc est fazendo. muito apreciado .. realmente! ** Error ** Scene = Scene 1, layer = Aes frame, = 1: Linha 13: A classe ou interface 'MouseEvent' no pde ser carregado. funo navigationClicked (evento: MouseEvent): void ** Error ** Scene = Scene 1, layer = Aes frame, = 1: Linha 18: A classe ou 'MouseEvent' interface no pde ser carregado. funo navigationClicked (evento: MouseEvent): void ** Error ** Scene = Scene 1, layer = Aes frame, = 1: Linha 54: A classe ou interface 'MouseEvent' no pde ser carregado. funo navigationClicked (evento: MouseEvent): void ** Error ** Symbol = MainMenuMc, layer = Aes, frame = 1: Linha 1: Um identificador de tipo esperado aps o ':'. gohome function (): void ** Error ** Symbol = MainMenuMc, layer = Aes, frame = 1: Line 6: Um identificador de tipo esperado aps o ':'. funo leaveHome (): void Total de Erros ActionScript: 5 erros relatados: 5
Responder a este comentrio

10. sibble
10. Agosto de 2009

Excelente tutorial! Corri para alguns problemas menores aqui e ali, mas isso porque eu estou usando CS4, de modo que de se esperar. A partir deste tutorial, eu aprendi o conceito principal e criao de concepo de um site em Flash. Muito obrigado!
Responder a este comentrio

11. Mehedi Hasan

20. Agosto de 2009

Partes Nice!! E tambm o seu um usurio avano muito teis para novos usurios e tambm para Obrigado Mehedi Marketing Bangladesh
Responder a este comentrio

12. Cinza
01. Setembro de 2009

Eu no tenho ido todo o tutorial, pois eu s queria um efeito shadowbox-esque para a minha galeria. No entanto, eu queria salientar algumas coisas a nota, caso voc esteja tentando fazer esta parte do tutorial. Na seo manipulador de eventos, whoPup_mc, whatPup_mc, etc, devem ser whoPopup_mc. Da mesma forma, deve ser var currentPup currentPopup var. No sei se o autor fez isso como um dispositivo de segurana para garantir que voc est realmente lendo o tutorial e no copiar e colar diretamente, mas eu queria esclarecer aqueles que estavam lutando.
Responder a este comentrio

13. Pancadinha
13. Setembro de 2009

Tutorial homem louco! Eu estava apenas querendo saber como colocar um limite para a distncia que voc pode rolar a pgina respeito. Caso contrrio, voc poderia simplesmente manter a rolagem at o infinito!
Responder a este comentrio

14. Jinz
15. Setembro de 2009

eu tenho abit de problema como o seu minha primeira vez fazendo de flash .. aps esta seo [indicado abaixo] "Parabns pessoal! Voc acabou de completar a parte mais difcil jwright.info. De agora em diante, vamos fazer cada pgina sua prpria seo. Dessa forma ser mais fcil para voc para parar e pegar novamente mais tarde se for necessrio. " todo o flash meu fez foi "FLASH" e mover-se .. como non-stop? correto ou no i asneira em algum lugar? eu sigo todas as instrues e nomes prprios embora.
Responder a este comentrio

15. eric
19. Setembro de 2009

hey, eu estou trabalhando lentamente atravs do tutorial. Correr em alguns dos mesmos problemas que outros. James enviou e-mail por isso espero que ele responde logo. Principal problema que tenho que eu gostaria de revisar os arquivos de origem real. Por alguma razo no consigo abrir os que esto includos no topo desta pgina. Algum aqui sabe por qu? Estou executando o Flash 8 em meu Mac. Ou isso ou eu estou correndo Flash MX 2004. Acho que tenho tanto no meu Mac, mas nenhum dos arquivos abertos a fonte includo neste tutorial. Qualquer ajuda de ningum seria apreciada. Obrigado mais uma vez para tal um tutorial maravilhoso. Espero termin-lo por este fim de semana? Grande ponto de partida para mim em flash, mesmo que eu j sei algumas coisas. Agora eu sei script de ao. Acho que vou comear o meu projeto mais.
Responder a este comentrio

16. hmetivier
30. Outubro de 2009

Estou passando por isso, e eu pensei que eu estava fazendo as coisas bem, mas eu no tenho certeza se isso verdade. 1. Eu estou no ponto onde voc diz para adicionar nomes de instncia com meus botes, mas quando eu clicar sobre eles, a nica coisa que aparece o nome do rtulo ... 2. Em seguida, no ponto de actionscript Segundo onde voc diz para colocar actionscript sob a camada de aes que est sob a mainmenumc ... E isso no corresponde a suas fotos. Talvez algum ou voc poderia ajudar. matthew.scott2005 @ gmail.com
Responder a este comentrio

o
Alex
27. Dezembro de 2009

Eu tambm no consegue descobrir como mudar o nome da instncia. Voc fez para descobrir isso ainda?
Responder a este comentrio

Alex
27. Dezembro de 2009

Nevermind, eu percebi isso.

Responder a este comentrio

Christen
08. Nov, 2010

Estou preso no mesmo local. Voc est usando o CS4? Eu absolutamente no consegue descobrir como fazer isso para continuar.HELP!
Responder a este comentrio

17. RJC
02. Novembro de 2009

Eu tenho que dar-lhe um monte de adereos. Este um tutorial wicket porque ele provavelmente responde tudo o que a maioria dos livros no cobrem em um formato fcil de seguir. Obrigado por colocar tudo em perspectiva a partir da formatao e organizao na construo de um site em Flash. Alm disso, todas as idias e tcnicas so mais comuns que podem ser usados em todos os sites. Que bom que voc foi capaz de fornecer tal um tutorial timo. Eu realmente espero ver mais de suas coisas como isso deve ser um dos tutoriais em Flash mais completas sobre a construo de um website completo. Eu espero que voc cobrir um pouco mais sobre a parte "RESPEITO" ltimo fim de que o carrossel vai realmente voltar ao ponto de origem. Graas!
Responder a este comentrio

18. NAM
21. Novembro de 2009

Graas a Deus ... Michael

Responder a este comentrio

19. Dave Christian

08. Dezembro de 2009

Sir, Saudaes do pas das Filipinas! im interessados em aprender flash atravs de internet, porque eu no tenho dinheiro para estudar Adobe Flash na University School. im comeando aprendizagem adobe flash, mas eu no tenho a menor idia por onde comear. Alguns dos meus amigos me disse que comea com o bsico, como interpolao e etc, e alguns dos meus amigos disse-me para aprender reta Passo a Passo Flash web tutoriais sem aprender o bsico, porque alguns dos princpios bsicos were'nt teis na construo de flash website.Im atualmente trabalhando como freelance artista grfico que eu usei apenas o Adobe photoshop e ilustrador e im planejamento para aprender adobe flash para construir o meu prprio website flash para mostrar meu portflio on-line e as informaes sobre mim. Obrigado e Deus abenoe! Respeitosamente, Dave Christian Agagon
Responder a este comentrio

20. Shicko
01. Jan, 2010

Eu estive procurando uma soluo em todos os lugares para limitar a rolagem infinita na pgina respeito, Algum tem alguma soluo ainda?
Responder a este comentrio

21. Luise
12. Jan, 2010

James, Eu s queria dizer-Voc est incrvel! to bom ir atravs de cada passo, quando um professor entusiasta est ajudando voc. Obrigado!
Responder a este comentrio

22. Michael
17. Jan, 2010

Oi, Primeiro de tudo tutorial, timo, eu estou usando-o para o meu portfolio. Eu tenho uma questo pouco sobre ele embora. Como eu poderia cor dos botes para indicar o site que visitado? Eu estava pensando que eu poderia indicar que por uma linha por baixo da palavra, ad eu poderia colocar essa linha no quadro individual. Mas eu queria saber se haveria uma maneira de exibir o texto em uma cor diferente? Obrigado!
Responder a este comentrio

23. Tyler
04. Fevereiro de 2010

Ou, voc pode aprender AS3 real e fazer um que carrega em fundos soberanos e os usos mltiplos XML que permite a fcil personalizao.
Responder a este comentrio

24. Flash Website CMS

10. Fevereiro de 2010

um tutorial muito bom, Michael! Poderia ter levado muito tempo para descrever todas as etapas. Ento, hoje eu vou passar o dia todo a minha na criao de um portfolio. Graas.

Responder a este comentrio

25. Deddy Irawan

17. Fevereiro de 2010

Legal e impressionante, Tutoriais muito grande!

Responder a este comentrio

26. mrstex
22. Fevereiro de 2010

seu tutorial timo .. mas mesmo difcil segui-lo em cada parte do meu menu no voa quando eu clicar nos botes ... e eu no entendo porque .. u pode me ajudar?
Responder a este comentrio

27. Sheetal
16. Abril de 2010

Necessita de ajuda. Estou usando o CS4. Estou recebendo este erro TypeError: Error # 1009: No possvel acessar uma propriedade ou mtodo de uma referncia de objeto nula. em fl.transitions:: TransitionManager $ / start () em utils:: Fader fadeIn $ / () em reidbutler_fla:: MainTimeline / reidbutler_fla:: frame1 ()
Responder a este comentrio

28. Justin Parente

25. Abril de 2010

Amo este tutorial, mas eu estou em um bloco na extensa AS. Tenho a certeza a minha AS parece exatamente como o seu, ento quando eu v para Debug, fico com os erros do compilador seguinte: Cena 1, 'Aes' Layer, Quadro 1, linha 45. 1120: Acesso de logo_btn propriedade indefinida.
Responder a este comentrio

29. Jesus
05. Maio, 2010

Tutorial incrvel. Muito obrigado! Mas eu preciso de alguma ajuda com um problema pequeno, mas essencial. O problema no incio do tutorial. A interpolao de movimento que criamos para o menu de vo suposto ser esttica no incio, quando um boto clicado ele voa para o topo e vice-versa. Meu problema que mesmo com a AS no controle de cronograma e as camadas de aes que continua indo de cima para baixo sem parar. A mesma coisa acontece com as caixas de texto, colocado ao lado da casa que mudam de acordo com o boto selecionado. Ele continua a mudar sem parar a reproduo do filme. Isso ocorre mesmo depois que eu escrevi no AS para par-lo.Alguma idia do que pode estar acontecendo? Graas.
Responder a este comentrio

30. jc
13. Maio, 2010

Tutorial incrvel. Obrigado Estou tendo alguns problemas com o arquivo utils.Fader. Ela diz que no pode localizar o arquivo. Como posso garantir que eu estou salvando o arquivo para o diretrio correto. Voc pode esclarecer esse processo?
Responder a este comentrio

31. earthflyer
02. Agosto de 2010

Excelente tutorial. Eu fiz isso no CS4 e tudo correu bem. Os nicos problemas que tive durante o tutorial entender como voc explica as coisas, mas logo percebi isso. Esta ser a me dar uma boa compreenso de como eu posso ir sobre a construo de um site Galeria de fotos para mim, isso meu prximo objetivo. Obrigado earthflyer
Responder a este comentrio

32. Jigsaw_
23. Agosto de 2010

Ol! Estou pensando em comear produzir um site em flash com a ajuda deste tutorial! Mas eu acho que ver um monte de respostas referindo-se a vrios problemas?algum sabe se isso realmente funciona? Ento eu no perder meu tempo ... cheers!

Responder a este comentrio

33. Seth
24. Agosto de 2010

Ento eu vi alguns erros no cdigo ActionScript postados. Limpei-lo um pouco, e aqui est o cdigo completo que vai na moldura de "aces". ////////////////////////////////////////////////// /////////////////// / / Inclui e Importaes. ////////////////////////////////////////////////// /////////////////// utils.Fader de importao; ////////////////////////////////////////////////// /////////////////// / / Startup. ////////////////////////////////////////////////// /////////////////// stop (); mainMenu_mc.stop (); ////////////////////////////////////////////////// /////////////////// / Eventos / Setup. ////////////////////////////////////////////////// /////////////////// backward_btn.addEventListener (MouseEvent.CLICK, navigationClicked) forward_btn.addEventListener (MouseEvent.CLICK, navigationClicked); logo_btn.addEventListener (MouseEvent.CLICK, navigationClicked); home_btn.addEventListener (MouseEvent.CLICK, navigationClicked); mainMenu_mc.profile_btn.addEventListener (MouseEvent.CLICK, navigationClicked); mainMenu_mc.resume_btn.addEventListener (MouseEvent.CLICK, navigationClicked); mainMenu_mc.contact_btn.addEventListener (MouseEvent.CLICK, navigationClicked); mainMenu_mc.portfolio_btn.addEventListener (MouseEvent.CLICK, navigationClicked); mainMenu_mc.respect_btn.addEventListener (MouseEvent.CLICK, navigationClicked); ////////////////////////////////////////////////// /////////////////// / / Manipuladores de Eventos. ////////////////////////////////////////////////// /////////////////// funo navigationClicked (evento: MouseEvent): void { / / Vamos usar isso para armazenar o nome do rtulo Frame. var frmLabel: String = "; / / Determinar o rtulo de quadro de usar com base no qual / / Boto foi clicado. switch (Event.target) { backward_btn caso: frmLabel this.getSequencedFrame = (false); break; forward_btn caso: frmLabel = this.getSequencedFrame (true); break;

logo_btn caso: frmLabel = "home_frm"; break; home_btn caso: frmLabel = "home_frm"; break; mainMenu_mc.profile_btn caso: frmLabel = "profile_frm"; break; mainMenu_mc.resume_btn caso: frmLabel = "resume_frm"; break; mainMenu_mc.contact_btn caso: frmLabel = "contact_frm"; break; mainMenu_mc.portfolio_btn caso: frmLabel = "portfolio_frm"; break; mainMenu_mc.respect_btn caso: frmLabel = "respect_frm"; break; } / / Encontrar o nmero do quadro com base em nossa rtulo de quadro. var frmGoto: Number = this.getFrame (frmLabel); / / No faa nada, se j estamos na pgina solicitada. if (currentFrame! = frmGoto) { / / Get e lembre-se o nmero da pgina inicial do quadro. var frmHome: Number = this.getFrame ("home_frm"); / / Se a nossa pgina solicitada a pgina inicial, o menu de voar / / Precisa ir para casa. if (frmGoto == frmHome) { mainMenu_mc.goHome (); } / / Caso contrrio, se estamos na pgina inicial e esto deixando, em seguida, / / Sair de casa. else if (currentFrame == frmHome) { mainMenu_mc.leaveHome (); } / / Ir para a pgina solicitada. gotoAndPlay (frmGoto); } }

////////////////////////////////////////////////// /////////////////// / Helper / Funes. ////////////////////////////////////////////////// /////////////////// funo GetFrame (frameName: String): Number { var quadro: Number = 1; / / Loop atravs de todos os rtulos de quadro para encontrar a nossa estrutura solicitada. for (var i = 0; i currentLabels.length <; i + +) { if (currentLabels [i] nome. frameName ==) { frame = currentLabels [i] frame.; break; } } retorno de quadros; } funo getFrameLabel (frame: Number): String { var frmLabel: String =''; / / Loop atravs de todos os rtulos de quadro para encontrar o rtulo de quadro solicitado. for (var i = 0; i currentLabels.length <; i + +) { if (currentLabels [i] frame. quadro ==) { frmLabel currentLabels = [i] nome.; break; } } retorno frmLabel; } funo getSequencedFrame (forward: Boolean): String { / / Usado para lembrar o rtulo de quadro da nossa pgina. frmSequence var: String =''; / / Se estamos olhando para a prxima pgina na seqncia ... if (forward) { / / Se a pgina atual que a ltima pgina ... if (currentFrame == this.getFrame ("respect_frm")) { / / ... Ento, precisamos ir para Casa. frmSequence = "home_frm"; } outro {

/ / ... Outra coisa, ns s precisamos ir para o prximo quadro. frmSequence this.getFrameLabel = ((currentFrame + 1)); } } / / ... Outra coisa, ns estamos olhando para a pgina anterior na seqncia. outro { / / Se estamos na primeira pgina (lembre-se, ns saltamos nossa pgina Start) ... if (currentFrame == this.getFrame ("home_frm") | | currentFrame == this.getFrame ("start_frm")) { / / ... Ento, precisamos ir para a ltima pgina. frmSequence = "respect_frm"; } outro { / / ... Outra coisa, ns s precisamos ir para o quadro anterior. frmSequence this.getFrameLabel = ((currentFrame - 1)); } } retorno frmSequence; }