Menu Invisvel

1. Crie um novo arquivo Flash (ActionScript 3.0) e salve -o como SlidingMenu.fla. Defina as dimenses do palco de 620 450 pixels.

2. Baixe o mecanismo TweenLite na http://blog.greensock.com/tweenliteas3/ . Extraia o contedo do arquivo zip e coloque o diretrio gs na mesma pasta do arquivo fla. 3. A criao de contedos Primeiro criamos o contedo que ser exibido quando os botes do menu ser clicado. Mude o nome " layer1 " para "content". Crie um novo Movie Clip (600 450) com 3 keyframes. Coloque em cada frame um contedo diferente. No nosso caso, temos importado fotos do filme Madagascar 2. Alinhe o Movie Clip direita do palco. D -lhe o nome de instncia "content_mc".

4. Criao de Menu Crie uma nova camada chamada "menu". Pegue a ferramenta retngulo e desenhe um retngulo do tamanho de 142 450. Converta em um Movie Clip e de o nome de instncia "menu_mc". 5. D um duplo clique sobre o movie Clip. Com o retngulo selecionado, aplicamos um gradienteorangeish linear (cor da janela):

Vamos definir o alfa para 90%.

6. Ainda dentro do Movie Clipe "menu_mc", criamos uma nova camada chamada "buttons". Selecione a ferramenta Texto (text too l), crie um texto esttico e escreva "Alex". Converta em um Movie Clip. D um nome de instncia "alex_mc". Faa o mesmo para os botes de Marty e Melman (nomes de instncia: marty_mc, melman_mc). 7. Crie uma nova camada. Com a ferramenta de texto selecio nado (text tool), crie um texto esttico e escreva "personagens". No painel de propriedades, mude a sua orientao para vertical:

Coloque o texto direita do Movie Clip.

8. Volte para Cena 1. Coloque o menu que voc acabou de criar para uma coordenada y 0. Para a coordenada x mova o menu para que a gente s v "personagens " aparece no palco. No nosso caso, x igual a -117. 9. Agora que terminamos toda a parte grfica, hora de adicionar o cdigo. Crie uma nova camada na parte superior com o nome "actions ". Abra o painel de aes e digite o seguinte cdigo:

10. Primeiro vamos importar a classe do mecanismo TweenLite e adicionar uma paragem content_mc para que ele faa loop.

11. Slide cdigo do menu: Declaramos duas variveis para armazena r a coordenada x do menu para o estado escondido e o estado visvel. Ns adicionamos o ROLL_OVER e ouvintes de eventos para ROLL_OUT menu_mc. Quando o evento despachado ROLL_OVER, a funo showMenu criar uma interpolao de forma que a coordenada x do me nu igual varivel visible_menu. Fazemos o mesmo para a funo hideMenu exceto que a coordenada x agora igual varivel invisible_menu. (Para mais informaes sobre como utilizar o motor TweenLite, visite http://blog.greensock.com/tweenliteas3/) .

12. Contedo de cdigo: Temos declarado uma matriz que contm todos os nomes de instncia

dos botes de menu. Em seguida, com um "loop", que pensei que este ciclo de matriz e para cada elemento desta matriz temos: - defina seu boto para true, para que um cursor de mo aparea quando o mouse est sobre ele. - em seguida, adicione ouvinte para o evento click que, quando vai ocorrer ir chamar a funo showContent. A funo showContent simplesmente verifica qual boto despachou o evento para que o content_mc exibe o contedo correspondente.

13. Tudo bem, tudo est feito. Agora teste o filme para ver em ao. (Ctrl + Enter para Windows,)