Flash - mask startdrag

Disponível somente no TrabalhosFeitos
  • Páginas : 2 (363 palavras )
  • Download(s) : 0
  • Publicado : 21 de fevereiro de 2013
Ler documento completo
Amostra do texto
FLASH CS3

FLASH: Máscara - StartDrag
Técnica aplicada para mostrar a imagem somente por onde o mouse passar.

Procedimentos:
1- Criar um novo arquivo e nomear a layer para mascarada. Salve oarquivo como Mask_StartDrag.
2- Importar uma figura para o stage do flash e converter essa imagem para movie clip com o nome de
instância (instance name) = foto.

3- Inserir uma nova layer enomeá-la como mascara. Desenhar uma figura (quadrado, círculo ou polígono, sem
borda) e também converter essa figura para movie clip com o nome de instância (instance name) = figura.

4- Criar outra layercom o nome actions.

No 1º frame abrir o painel Ações e digite os seguintes comandos:
1 this.foto.mask=figura;
2 this.figura.startDrag(true);

Ferramentas paraWeb Design - PR Net v.2011 FLASH CS3

O 1º comando do Action Script cria o efeito máscara como foi realizado nos exercícios anteriores utilizando a
opção properties... Mask/Masked, mas para esse efeito é necessário definir oscomandos pelo Action Script.
1 this.foto.mask=figura;
O 2º comando do Action Script cria o efeito de arrastar a figura (a máscara). Utilizamos para o clip, o nome de
instância figura que seencontra na raiz do filme (this.figura) e o método startDrag() que faz com que esse
elemento seja arrastável juntamente com o cursor do mouse. O valor (true) é utilizado para que o ponto do
registro dafigura esteja exatamente na mesma posição que o cursor do mouse.
2 this.figura.startDrag(true);
5- Feche a janela do painel Ações. Observe que no 1º. Frame da layer actions surgiu um indicador deatribuição de action script (uma letrinha “a”).
6- Selecione a layer mascara e ative a opção do menu Mask (botão direito do mouse / opção Mask).

7- Concluído! Salve novamente esta atividade como:Mask_StartDrag, configure a publicação apenas para a
Flash.swf e publique

, em seguida,

.

8- Com as teclas +, você poderá conferir o efeito criado.
Bom trabalho!

* ** Para visualizar uma...
tracking img