MAURO ROCHA TAVARES (40 pts)

JOTA LAGO (40 pts)

MARCOS JOSÉ PINTO (44 pts)

AUTOR DESCONHECIDO (100 pts)

ILVA RUDEV (90 pts)

MARLOS ALVES CARMO (90 pts)

SYDNEY GANHO (60 pts)

DAUTON JANOTA (255 pts)

LUIZ HERRERA (117 pts)

KEN AWAMURA (130 pts)

MUZAK (45 pts)

JONAS GALVEZ (521 pts)
Treinamento PontoFlash de Flash e ActionScript

Como eu defino a posição de um swf através do comando Load movie?

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

Quero dar 2 loops em um Wav e só depois seguir em frente com a timeline.

Como deletar a última palavra de um campo de texto?

O loadMovie() vai acumulando os filmes abertos na memória?

No Flash tem uns gradientes pré definidos: como eu faço para edita-los (inserir ou alterar)?

Alguém poderia me dar umas dicas sobre o Flash Remoting?

Como fazer um cursor customizado mostrando a mãozinha no mouseOver do botão?

Qual é a diferença entre maxscroll e scroll? Quando uso um ou outro?

Como fazer um cronômetro disparado por um botão no flash MX?

Como rotacionar (_rotation) um objeto usando uma tecla?

Há como referenciar um botão dinamicamente no FlashMX?

Dicas para seu movie ficar mais enxuto.

Quero um movieclip subindo dinamicamente e que pare no mouse over.
Funções SetInterval e clearInterval no FlashMX.

Inserir dados no ASP via formulário no Flash.

Objetos e classes

Animação no Flash

Code Animation - Parte 2

Botões estilo Apple.com feito no PhotoShop

Line Draw

Funções de actionscripts

Controlar movimento de uma máscara

Fireworks, o patinho feio da Macromedia.

Formatação Encoded e Decoded

Envio de email via formulário utilizando Flash + ASP.
3d cube2

Analogicclock

Super menu

Abrir e fechar fundo

Plasma

Calculando horas

Tweeneng com alpha

Overscroll

Menu interativo

Enquete

Zoom rotate e pan

Troca cor de fundo
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