Flash - mask startdrag

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 o arquivo 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 e nomeá-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 layer com 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 os comandos 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 se encontra 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 da figura 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 de atribuiçã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