PANDOGO (82 pts)

DANIELA PIRES (86 pts)

DENIS CARAVALHO (85 pts)

KEN AWAMURA (130 pts)

ZEBEDIAH (35 pts)

AUTOR DESCONHECIDO (100 pts)

ILVA RUDEV (90 pts)

NILTON BICALHO (61 pts)

JOTA LAGO (40 pts)

RICARDO TAKAHASHI (180 pts)

GÉRIO (93 pts)

STICKMAN (155 pts)
Treinamento PontoFlash de Flash e ActionScript

Como eu faço para: se a palavra digitada for qualquer então vá para frame 20 senão, vá para frame 30.

Para que serva a função eval?

Como carregar um bitmap randomicamente, escolhido entre várias?

Problemas com a função, Selection.setFocus.

Algumas dicas sobre fontes e tipografia

Dicas sobre os métodos Slice e Splice do objeto Array.

Como mando um formulário sem usar banco de dados?

Como faço para um moviclip mostrar as coordenadas do mouse e para que um movieclip movimente-se de acordo com o mouse, mas no sentido contrário.

Como faço para ler uma variável do flash no JavaScript com o GetUrl?

Alguém tem um chat (de preferência .fla) ou sabe onde conseguir um?

Como fazer um objeto desfocado em movimento?

Propriedades e métodos não documentados do FlashMX?

Como posso randomizar um Go To para frames entre 4 e 10?

Como mudar a cor de uma imagem dinamicamente via ActionScript?
Fórmula do efeito de elasticidade

Um contador Flash + PHP

Tratamento de imagens e alguns efeitos no Fireworks

Como eliminar vozes de um arquivo Wav.

Scanline no PhotoShop.

Menu estático.

Clique Direito

3D Wireframe - segunda parte

Local Shared Objects segunda parte.

Máscara com gradiente.

Duplo clique.

Flash Communication Server MX - Primeira Parte
Widgets

Multi text load

Interative

Pacman

Slide desk

Dropzoom

Rotacao de banner

Gettimer

Random blocks

Droptarget

Gravidade

Menu orbita
HOME | TUTORIAIS
Includes.
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