MARLOS ALVES CARMO (90 pts)

DENIS CARAVALHO (85 pts)

DAUTON JANOTA (255 pts)

ZEBEDIAH (35 pts)

LEANDRO AMANO (83 pts)

AMAURY BENTES (123 pts)

IRAPUAN MARTINEZ (45 pts)

DEN IVANOV (260 pts)

LUI FERNANDO (151 pts)

AUTOR DESCONHECIDO (100 pts)

JOTA LAGO (40 pts)

MARCOS JOSÉ PINTO (44 pts)
Treinamento PontoFlash de Flash e ActionScript

Como movimento e diminuo o tamanho de um texto em uma animação?

Como posso dar uma ação a um movieclip quando outros dois se chocam?

Como instanciar movieclips duplicados (Duplicate Movieclip)?

Como mudar a cor de uma imagem dinamicamente via ActionScript?

Posso abrir uma janela popup de um projetor (executável)?

Como mostrar apenas 50 caracteres de um texto que tem 300?

Mais dicas para otimizar seu Flash Movie.

Script que chama o método play(); em todos os movieClips filhos de um movieClip.

Como o Fireworks exporta PNG para o Flash?

Como faço para alternar movieclips invisíveis e na mesma hora começar a rodar.

Gostaria de saber se o Flash 5 importa aquivos do Photoshop com extensão .psd?

Como faço para abrir uma janela popup referente a resolução do usuário?

Como fazer um objeto se movimentar pelo teclado (UP, DOWN, Left e Rigth)?

Como faço para ter um efeito Lupa
Grandene - Avaliação e sites

Configurando o FTP do Dreamweaver MX

Flash Communication Server MX - Primeira Parte

Flash e as mudanças do IE

MC se movimenta ao contrario do mouse (velocidade, distância)

Macromedia Flex

Criação de letras transparentes - Fireworks

Entendendo como funciona um preloader. Terceira parte.

Primeiros passos - desenhando e animando

Unindo e separando traçados - Fireworks

Desvendando cookies

Barneys_menu.
Relógioanalógico

Scroll Component

Tween motion

Book of pages

Calendário

Gravidade

Drag gravity

Musica

Carro com Tweening

Micróbios

Vela

Theba
HOME | TUTORIAIS
Ação Include.
por Diogo Besson

Introdução

      
Alguns programadores de ActionScript trabalham em conjunto com um designer, o que pode atrapalhar um pouco a dinâmica do projeto, já que a maior parte dos programadores não sabem como trabalhar as imagens e deixa-las com um formato visual agradável.
     Acontece que, por sua vez, a maioria dos designers não estão nem aí para aquele monte de letrinhas na tela do micro que os programadores chamam de "lógica".

     Existe um recurso no Flash que, além de facilitar a vida da equipe, ainda ajuda por tabela aquele programador preguiçoso que adora colocar códigos prontos no seu movie. Fora que ele ainda pode usar o recurso para fazer o backup da programação (ou uma linda biblioteca de códigos). A esse recurso damos o nome incrível de: (***PASMEM***) Importar e Exportar!!!


LET'S GO

     
Vamos imaginar que você é o designer da equipe e fez uma linda carinha colorida no photoshop, importou ela pro flash, mas pra completar o poder da sua criação está faltando um efeito de fade-in controlado por um botão.

    Aí, desesperado, você corre pro programador:
    - Aí josé! O GR já tá pronto... tá na hora de você trabalhar!
    - (...)! - responde o programador abrindo o filme que o designer fez e se deparando com essa cosinha linda abaixo:

 

Agora vamos inverter os papeis e imaginar que você é o programador. O que você faria para colocar um fade in via ActionScript nesse movie sem precisar abrir o Flash?


      Para resolver esse problema, vamos pensar como desenvolvedores do tipo FAZ-TUDO (programação, design e cafezinho pro chefe).

PASSOS

     01º - Abra o Flash 5;
     02º - No 1º frame do seu filme, coloque a action stop();
     03º - No 2º frame do seu filme, coloque uma outra action stop();

     04º - Coloque o grafic simpático acima no 2º frame.
     05º - Pra fazer esse efeito de fade in é necessário coloca-lo dentro de um movie clip, portanto, clique no grafic e aperte a tecla f8;
     06º - Quando aparecer a janelinha do symbol properties, escreva "cara" para o Name, clique em Movie Clip e depois clique em "OK";
     07º - Desenhe você mesmo um botãozinho no 1º frame do teu movie (ou peça pro teu designer) e repita o mesmo processo acima para o grafic do botão, porém, ao invés de clicar em Movie Clip, clique em Button e coloque o Name como "botão";
     08º - Clique uma vez no movieclip "cara" do 2º frame;
     09º - Aperte Ctrl + Alt + A (conhecias esse atalho?), ou simplesmente clique com o botão direito do mouse no símbolo e depois clique uma vez em "Actions";
     10º - Mude para o Expert Mode (Ctrl+E);
     11º - Insira a seguinte ActionScript (escrevendo mesmo...):

onClipEvent (load) {
loadTime = getTimer();
alphaTime = 3000;
myAlpha = 0;
this._alpha = myAlpha;
}
onClipEvent (enterFrame) {
if (this._alpha<100) {
myAlpha = (getTimer()/(loadTime+alphaTime))*100;
this._alpha = myAlpha;
}
}

      12º - Feche a janela das actions;
     13º - Clique uma vez no botãozinho do 1º Frame;
     14º - Repita o 09º e o 10º passo;
     15º - Insira o seguinte ActionScript (do mesmo modo do 11º passo):

on (release) {
gotoAndPlay (2);
}

     16º - O seu filme está pronto, mas vai que a equipe de criação invente de colocar mais umas 70 carinhas no filme? como você vai fazer? copiar e colar? NEM PENSAR!!!
     17º - Clique mais uma vez no MC "Cara" do segundo frame;
     18º - Repita o 09º passo;
     19º - Clique na setinha que está do lado do "?" na janela de Actions;

 20º - Clique em Export As File...;
     21º - Escolha a pasta que o seu movie clip será salvo, digite "codigo" para o nome do arquivo e clique em salvar;
     22º - Você pode verificar que ele salvou na pasta selecionada um arquivo de nome "codigo.as";
     23º - Sempre que você precisar desse código para fazer outros movie clips com o efeito fade in, você deverá fazer o seguinte:
     24º - Repita o 19º passo;
     24º - Clique em Import From File...;
     25º - Selecione o arquivo "codigo.as" e clique em abrir;
     26º - Pronto! já está colado... e sem precisar de ctr + c e ctrl + v.

E que vantagem a Maria leva?

      
Quando se está trabalhando em equipe, é bom que o designer NEM TENTE mexer na programação, porque um perde a noção do que o outro está fazendo e o trabalho vira o maior balaio!!!

     Tendo em vista que o programador sabe onde irá inserir o código, basta ele digitar o ActionScript no Bloco de Notas ( sim!!! aquele editor de textos bacana que vem com o Windows :-) ) apenas 1 vez e tudo o que o designer terá que fazer será usar o "Import From File" em todos os MovieClips que deverão receber o efeito Fade-In. Não se esquecendo, logicamente, de criar botões que direcionam para o Frame onde está colocado o tal do MovieClip.

O resultado poderá ser o seguinte:


Participe a Lista de Discussão da Ponto Flash para maiores e melhores esclarecimentosssss...

Um Abraço e até o próximo Tut. :-)

Baixe aqui o arquivo FLA desse tutorial.



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário