Tutorial / Jogo infantil - Pintura Mágica

Etapa – 1
Crie um quadrado com a cor branca de aproximadamente de 0,1 x 0,1 centímetros e o
converta para Movie Clip. No Time Line deste Movie Clip converta novamente este quadrado
branco para Objeto e abra um espaço de 20 Frames. No primeiro Frame, este quadrado
deve estar 100% branco e no vigésimo em Alpha 0% (transparente) Utilize o Motion para
fazer a transição de visível / invisível e coloque uma ação Stop no primeiro e no ultimo Frame.


Etapa – 2
Crie um novo Layer , copie e cole um destes quadrados brancos, fazendo com que caia
exatamente na mesma posição em que estão os do Layer abaixo (Shift+Crtl+V). Após,
converta-o para Botão e o deixe invisível. (preencha somente Hit ).
E coloque a seguinte ação:
on (rollOver) { play(); }



Atenção! Este botão deve estar disponível somente no primeiro Frame.
Ele deve ativar uma única vez o Movie Clip.

Etapa – 3
Voltando a Time Line principal, duplique o Movie Clip o quanto for necessário e o alinhe em
colunas horizontais ou verticais até preencher toda a área determinada. (Figura 2) Teste o
efeito: A princípio, esta área deverá aparecer totalmente branca, quando deslizar o Mouse
o botão invisível ativará o Movie Clipe de 100% branco a Alpha 0% (transparente) Isso fará
com que a imagem que esta abaixo vá aparecendo aos poucos na medida em que um a
um dos vários quadradinhos vão desaparecendo. Utilizei em um Layer abaixo somente
um fundo colorido, mas pode-se colocar qualquer outra imagem.

Etapa - 4
Para a finalidade a seguir os personagens e cenários devem ser totalmente contornados
de preto. Depois de colorizados de um Break a Part para isolar e converter a Movie Clip
cada área que contenha uma cor diferente. Observação: Converta para Movie Clip somente
a área colorida, o contorno preto deve permanecer separado. Os procedimentos seguintes
são os mesmos das etapas anteriores. Somente inverta a posição de transição dos
objetos. Coloque agora Alpha 0% (transparente) no primeiro Frame para 100% da cor
que determinou a este objeto, no vigésimo Frame.

Etapa - 5
Com os personagens e cenários subdivididos e com cada cor diferente convertida para
um novo Movie Clip, agora estará visível somente os contornos pretos dos desenhos.
Então crie combinações aparentemente confusas pela sobreposição dos traços.



Teste o efeito deslizando o mouse sobre a área, cada parte tocada vai sendo colorizada
automaticamente, criando um efeito de sobreposição de cores e ordem de plano.
Interessante é que somente com boa parte colorizada pode-se decifrar a composição
determinada para o final. Claro, isso depende da quantidade de objetos e complexidade
das formas. Utilizamos aqui um exemplo simples para facilitar a compreensão.



Dica Para ter maior efeito, substitui o ponteiro do Mouse por um “pincel mágico”
Para tal, crie um pequeno Movie Clip e instancie-o por exemplo como: “pincel” No
primeiro Frame da Time Line principal coloque a seguinte ação:

startDrag("pincel", true); Mouse.hide();



Até a próxima!
Renato Douglas