Flash Truquesmagicos, Notas de estudo de Gestão de Recursos Humanos

Baixe Flash Truquesmagicos e outras Notas de estudo em PDF para Gestão de Recursos Humanos, somente na Docsity!

ÍNDICE

• FLASH CS
• ÍNDICE
• INTRODUÇÃO
• A série.............................................................................................................
• 01 – MUDANDO O CURSOR DO MOUSE
• 02 – ANIMAÇÃO COM GUIAS
• 03 – MÁSCARAS COM BORDAS................................................................................................
• 04 – O SENHOR BATATA
• 05 – MUDANDO A COR DO CLIPE DE FILME
• 06 – COLISÃO DE MOVIE CLIPS
• 07 – BANNER EXPANSÍVEL
• 08 – ANIMAÇÕES
• 9 – RELÓGIO ANALÓGICO
• 10 – CRIANDO UM EFEITO DE FOGO
• CONCLUSÃO

Converta ele Movie Clip (F8), instancie ele como cursor_mc.

Crie uma nova camada e nomeie-a para AS. Pressione a tecla F9 para chamar o painel de ações. Adicione a seguinte ação. //esconde o cursor do mouse Mouse.hide() //Define a ação para mover o mouse _root.onMouseMove = function(){ setProperty(cursor_mc,_x,_xmouse); setProperty(cursor_mc,_y,_ymouse);

}

Salve seu projeto e pressione CTRL+ENTER para testar.

02 – ANIMAÇÃO COM GUIAS

Um dos recursos do Flash que mais chama a atenção é a animação através de guias. O recurso é um dos mais importantes e interessantes quando se inicia os estudo do Flash. Agora com o Flash CS4 e CS5 isso foi facilitado. Inicie um novo projeto AS Digite seu texto ou desenhe sua forma para seguir a guia. Converta-o em símbolo. (F8).

Clique com botão direito no primeiro frame e escolha Create Motion Tween.

No Flash CS4 e CS5 esta opção cria a animação em linha azul. Caso queira manter a mesma forma que era criada antes use a opção Create Classic Tween.

Ao clicar com a ferramenta Convert Anchor Point em um dos pontos da linha poderá manipular a linha como curvas de Bezier.

• Convert Anchor Point.

Você pode também usar a ferramenta Subselection Tool para manipular os nós

. Podemos também substituir nosso caminho por outra forma. Com a ferramenta Oval Tool, desenhe uma forma oval sem preenchimento e com uma cor de contorno.

Com a ferramenta Free Transform Tool, incline-a.

Com a ferramenta Borracha apague um pequeno pedaço da circunferência.

Selecione a forma oval e recorte-a.

e um contorno opaco na mesma cor do palco.

Mova esta camada para baixo da primeira elipse.

Transforme a camada elipse em Máscara, (botão direito, Mask).

Arraste a camada imagem, para que ela também fique mascarada.

Depois bloqueie a camada.

04 – O SENHOR BATATA

Através do Flash podemos criar além de animações e sites, também jogos. É claro que jogos complexos exigem também bons conhecimentos em

olhos_btn.onPress=function(){ startDrag(this); } //função que para o arrasto ao soltar o mouse olhos_btn.onRelease = function(){ stopDrag(); } Isso faz com que apenas os olhos possam ser movidos. Vamos adicionar agora para que também a boca possa ser movida.

//define a função que faz com que ao mouse ser //pressionado mova os olhos olhos_btn.onPress=function(){ startDrag(this); } //função que para o arrasto ao soltar o mouse olhos_btn.onRelease = function(){ stopDrag(); }

boca_btn.onPress=function(){ startDrag(this); } //função que para o arrasto ao soltar o mouse boca_btn.onRelease = function(){ stopDrag(); }

Basta apenas agora repetir o código para todos os elementos. //define a função que faz com que ao mouse ser //pressionado mova os olhos olhos_btn.onPress=function(){

startDrag(this); } //função que para o arrasto ao soltar o mouse olhos_btn.onRelease = function(){ stopDrag();

}

boca_btn.onPress=function(){ startDrag(this); } //função que para o arrasto ao soltar o mouse boca_btn.onRelease = function(){ stopDrag();

}

chapeu_btn.onPress=function(){ startDrag(this); } //função que para o arrasto ao soltar o mouse chapeu_btn.onRelease = function(){ stopDrag();

}

nariz_btn.onPress=function(){ startDrag(this); } //função que para o arrasto ao soltar o mouse nariz_btn.onRelease = function(){ stopDrag();

Crie três botões que mudarão as cores do Movie Clip. Instancie os botões

Será preciso saber o código hexadecimal de cada cor. Dê um duplo clique sobre o seu botão. E depois na escolha da cor clique no botão de escolha da cor

Vamos agora adicionar a ação para nossos botões.

Crie uma camada chamada AS e adicione o seguinte código. // cria a variável para o objeto camisa colorir = new Color(camisa_mc); //função para o botão azul azul_btn.onPress=function(){ //aplica a mudança de cor colorir.setRGB(0x000099); } Com a ação acima criamos uma variável do tipo Color para nosso objeto. Depois definimos que ao clicar no botão azul seria aplicado a cor hexadecimal definida no parâmetro setRGB ao objeto instanciado na variável. Vamos agora completar nosso código com a ação para os demais botões. // cria a variável para o objeto camisa colorir = new Color(camisa_mc); //função para o botão azul azul_btn.onPress=function(){ //aplica a mudança de cor colorir.setRGB(0x000099); }

vermelho_btn.onPress=function(){

Crie uma camada chamada ações.

Na camada resposta crie uma caixa de texto dinâmico e instancie como resposta.

Em Anti Alias defina como Use Device Fonts. Instancie também os objetos

No exemplo usei para o documento que esta embaixo como “documento”, e para os demais “disquete, impressora, cd e hd”. O objetivo será ao arrastar o documento será escrito na caixa de texto dinâmico para onde o arquivo será enviado.

Então vamos agora programar nosso exemplo. Clique no primeiro quadro da camada de ações e adicione. Inicialmente adicione //ação de arrastar o documento documento.onPress = function(){ startDrag(this); }

//ação para parar o arrasto ao soltar o mouse documento.onRelease=function(){ stopDrag(); } A ação acima apenas fará com que o objeto possa ser arrastado. Vamos agora verificar se ao soltar o mouse ele colide com outro MovieClip. Altere seu código para: //ação de arrastar o documento documento.onPress = function(){ startDrag(this); }

//ação para parar o arrasto ao soltar o mouse documento.onRelease=function(){ stopDrag(); if (documento.hitTest(disquete)==true){ trace("disquete") resposta_txt.text="Seu documento foi enviado para o disquete";