[Tutorial ActionScript] Efeito Vibração

Introdução

Flash: Efeito de Vibração

Pretendemos com este tutorial, dar-vos a conhecer de como fazer um efeito de vibração no Flash MX. Neste exemplo vamos demonstrar com um caso prático que deve ser o mais associativo que nos veio à cabeça. O exemplo com particulas.

Vamos então dar início à nossa aprendizado.

1. Vamos abrir o nosso Flash MX, caso ainda não o tenham feito.

2. Desenhemos um pequeno circulo no Flash MX. Não é necessário que o círculo seja algo de especial neste ponto do tutorial. Heis como desenhamos o nosso círculo.


3. Uma vez desenhado o círculo, deveremos convertê-lo para um Movie Clip. Assim sendo, vamos premir a tecla de F8, dar o nome de Circulo e vamos escolher a opção de Movie Clip.


4. O nosso círculo já é um Movie Clip neste momento. Surge agora a necessidade de adicionarmos alguma programação ao nosso Movie Clip. Cliquem com no botão direito do rato por cima do círculo e escolham a opção de Actions. Copiem o seguinte texto para o vosso painel das Actions. No fim de copiarem o código primam as teclas de Ctrl+Enter para testarem o vosso projecto.

onClipEvent (load) {
//movie width/height
height = 200;
width = 300;
//------------------------//
//makes everything random //
//------------------------//
this._x = Math.round(Math.random()*width);
this._y = Math.round(Math.random()*height);
var temp = this._alpha=Math.random()*100;
this._xscale = this._yscale=temp;
//setting initiaion position
cx = this._x;
cy = this._y;
}
onClipEvent (enterFrame) {
//causes the object to be offset
this._x = cx+(1+Math.random()*5);
this._y = cy+(1+Math.random()*5);
}

5. Como podem ver o nosso círculo aparece em diferentes locais do ecrã, e em variados tamanhos, e sempre que refrescarem o nosso ecrã ele continuará a aparecer em locais aleatórios. É isto que o código inserido nos permite fazer ao nosso círculo.

6. Como queremos que apareçam várias partículas ou neste caso círculos no nosso ecrã, necessitamos de duplicar o nosso Movie Clip. Para tal, deveremos em primeiro lugar, dar um nome à nossa Instance. Este deverá ser chamado de Circulo.


7. Depois de terem dado nome de Circulo à Instância, cliquem com o botão direito do rato sobre uma frame na vossa timeline. Escolham de seguida a opção de Actions. De seguida copiem o seguinte código para o vosso painel das Actions.

for (var i = 0; i<25; i++) {
Circulo.duplicateMovieClip(i, i);
}

8. Primam as teclas de Ctrl+Enter para poderem testar o vosso projecto.

Assim damos por terminado este tutorial que esperamos ter-vos sido útil.

Esperamos que este trabalho vos tenha sido de alguma ajuda para os vossos trabalhos futuros.