segunda-feira, 19 de janeiro de 2009

Botão que foge do mouse

Bom hoje vamos aprender a inserir um efeito que o objeto ou botão fuja do mouse, e bem simples e facil de fazer.

1ª Passo: Vamos criar um documento do tamanho 550x400 px, ou o tamanho que você quiser.



2ª Passo: Já com o nosso documento criando agora vamos trabalhar a imagem ou botão que vamos aplicar o efeito, neste caso criaremos um botão, na palheta ferramentas que fica ao lado, escolha a opção “Oval Tool” e faça um circulo no centro da área de trabalho.





3ª Passo: Agora vamos transformar a imagem em Botão, para fazer isso selecione toda a imagem e em seguida aperta a tecla F8, escolha a opção Button, e nomeio “Botao” e aperte Ok, na aba propriedades existe um campo com o nome de “Instance Name” coloque “Botao” também.





4ª Passo: Vamos colocar o efeito no botão para que ele possa fugir do mouse, clique em cima do botão e aperte a tecla F9, isso ira abrir a palheta de actions, e nessa opção que colocamos os “Actions Scripts”, com a janela aberta insira o código mostrado abaixo:

on (rollOver) {
//On (rollOver) esse código significa o passar do mouse em cima da imagem
_root.botao._x = random(550);
//isso mostra que o botão pode se mover por um espaço vertical de 550 pixels
_root.botao._y = random(400);
// isso mostra que o botão pode se mover por um espaço horizontal de 350 pixels
}



5ª Passo: Para testarmos o nosso trabalho aperte as teclas Ctrl+enter.

Bom terminamos mais um tutorial, espero que tenha gostado, qualquer duvida post um comentário.

Obrigado!!

Um comentário:

Anônimo disse...

Muito legal, eu testei e deu certo,parabens