Criação de um Flash ActionScript 3 navegação animado não só acrescenta interatividade ao seu site, mas também permite que os usuários saibam onde estão. As maneiras de adicionar animação a navegação é limitada apenas pela imaginação, mas para você começar , você vai criar uma simples bola que segue o seu mouse ao longo do menu de navegação. Esta lição também usa matrizes , para aqueles de vocês que são novos para matrizes , esta é uma ótima maneira de obter seus pés molhados. Instruções
1
Open Flash e clique em " Arquivo", " Novo" e clique em "Arquivo Flash (ActionScript 3.0 ) " no menu de arrancamento. Clique na ferramenta Retângulo na barra de ferramentas , e ao mesmo tempo mantendo o mouse, arrastar pelo palco para desenhar um retângulo . Clique na ferramenta de texto e digite " Play" na parte superior do retângulo .
2
Clique em ambos o retângulo eo texto " Play" para destacá-los . No menu principal , clique em " Modificar ", clique em "Convert to New Symbol" a partir do menu desdobrável . Clique na caixa radial "Button" e digite " playMC " para o nome.
3
Clique em " janela" no menu principal e clique em "Propriedades" e depois em "Propriedades" novamente a partir do menu pull -out. Com seu fundo eo texto ainda realçado , digite " home_btn " no campo Nome da Instância no painel de propriedade
4
Clique . "Layer Insert " na parte inferior da linha do tempo , com o nome " botões. " Clique na ferramenta de texto na barra de ferramentas . No painel Properties, clique em " Static Text ". Digite seus títulos de navegação, como "Home ", "About" e " Contato ".
5
botão direito do mouse "Home" e , em seguida, clique em "Convert to Symbol " no menu desdobrável . Nomeie-o "Home ", clique em "Button" para o tipo de símbolo e , em seguida , na linha do registro inferior, clique na caixa de seleção do meio. Clique em " OK".
6 Tipo
em " home_btn " para um nome de instância no painel Propriedades. Repita esse processo para todos os seus títulos de navegação. Dê a cada um nome único instante como " contact_btn ".
7
Clique em "Inserir Camada " na parte inferior da linha do tempo , com o nome " animado ". Clique na ferramenta Oval na barra de ferramentas e desenhe uma bola no palco , segurando o mouse pressionado e arrastar. Posicione a bola por baixo do botão "Home" .
8
clique com o botão direito sobre a bola e , em seguida, clique em "Convert to Symbol " no menu pull-out , o nome " ball_mc " e clique em " Movie Clip " para o tipo de símbolo. Clique em " OK".
9
Clique em "Inserir Camada " na parte inferior da linha do tempo , com o nome " AS3 ". Clique com o botão direito do mouse no quadro 1 da sua camada de Ação e , em seguida, clique em " Ação " no menu desdobrável . Digite o seguinte código:
fl.transitions.Tween importação ;
fl.transitions.easing import * ;
/* Alterar btn nomes como necessários * /< . br>
var buttonsArr : Array = new array ( home_btn , contact_btn );
var linkArr : Array = new array ();
/* Alterar endereço de navegação (var i : uint = 0; i < buttonsArr.length ; i + +) {
buttonsArr [i] addEventListener ( MouseEvent.ROLL_OVER , moveFollow );
buttonsArr [i] addEventListener . . ( MouseEvent.CLICK , clickURL );
}
função moveFollow (event: MouseEvent ): void {
novo Tween ( ball_mc , "x" , Strong.easeOut , ball_mc.x , event.currentTarget.x , 1, true); }
função clickURL (event: MouseEvent ): void {for (var j : uint = 0; j < linkArr.length ; j + +) {
if ( event.currentTarget == buttonsArr [j] ) {
navigateToURL (new URLRequest ( linkArr [j] ) );}} }