[Tutorial Básico] Mostrando legendas no mapa com Flash

por **Kira™** Seg Abr 02, 2012 7:53 am

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Usando a action Duplicate Movie Clip

A ação duplicate movieclip cria uma ou mais cópias de um clipe de
filme, perfeita para criar backgrounds animados ou criar um efeito de
chuva ou de neve.

Exemplo 1
1. Crie um novo arquivo no Flash com 400 pixels de largura e 250 pixels de altura.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

2. Clique no menu Insert/New Symbol, escolha movie clip e OK.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

3. Desenhe uma bola com 30 pixels de largura por 30 pixels de
altura, um pouco acima da pequena cruz no meio da área de edição.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

4. Converta esta forma em símbolo gráfico.

5. Clique no quadro 20 da linha de tempo e pressione F6 para criar um quadro-chave.

6. Mova a bolinha para baixo da cruz como mostra a imagem abaixo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

7. Aplique um Motion Twen entre o quadro 1 e o quadro 20 da linha de tempo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

8. Retorne a Scene 1.

9. Abra a biblioteca e insira o Clipe de filme no alto a
esquerda do palco e teste seu filme com CTRL ENTER, você verá que a
bolinha desce continuamente.

10. Dê o nome de “bola” a instância.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

11. Insira um botão no alto à direita do palco, você pode
simplesmente desenhar um retângulo direto no palco, selecioná-lo e
pressionar F8 para convertê-lo para botão.

12. Insira a Action abaixo no botão.

on (release)

{

duplicateMovieClip("bola", "bola2",1);

}

13. Pressione CTRL ENTER para testar, clique no botão, você
perceberá que quando clica no botão o clipe de filme é duplicado
na sua origem.

Exemplo 2 – Duplicando e posicionando

Você percebeu que no exemplo anterior a clip é duplicado na
posição inicial do clip original, com a próxima Action vamos determinar
em que lugar do palco irá aparecer a cópia. Vamos usar o mesmo
arquivo.

1.1. Crie um novo arquivo no Flash com 400 pixels de largura e 250 pixels de altura.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

2.1. Clique no menu Insert/New Symbol, escolha movie clip e OK.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
3.1. Desenhe uma bola com 30 pixels de largura por 30 pixels de
altura, um pouco acima da pequena cruz no meio da área de edição.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

4.1. Converta esta forma em símbolo gráfico.

5.1. Clique no quadro 20 da linha de tempo e pressione F6 para criar um quadro-chave.

6.1. Mova a bolinha para baixo da cruz como mostra a imagem abaixo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

7.1. Aplique um Motion Twen entre o quadro 1 e o quadro 20 da linha de tempo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

8.1. Retorne a Scene 1.

9.1. Abra a biblioteca e insira o Clipe de filme no alto a
esquerda do palco e teste seu filme com CTRL ENTER, você verá que a
bolinha desce continuamente.

10.1. Dê o nome de “bola” a instância.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

11.1. Insira um botão no alto à direita do palco, você pode
simplesmente desenhar um retângulo direto no palco, selecioná-lo e
pressionar F8 para convertê-lo para botão.

12.1. Insira a Action abaixo no botão.

on (release)

{

duplicateMovieClip("bola", "bola2",1)

setProperty("bola2",_y,"100");

setProperty("bola2",_x,"300");

}

Onde o primeiro setProperty define a posição Y e o segundo define a
posição X. Use a ação acima, experimente e mude os valores de X e Y
para ver com mais certeza que é você que altera a posição do clip
duplicado.

Importante:
O valor de Y não pode exceder a altura do seu palco e o valor de X não pode exceder a largura do seu palco.

Exemplo 3 – Duplicando várias vezes com a instrução WHILE

Podemos usar também uma instrução WHILE para duplicar o clipe
automaticamente várias vezes, e ai é que poderemos criar efeitos de
chuva ou neve, ou qualquer coisa que você queira que se queira repetir
várias vezes no palco aleatoriamente.

1.2. Crie um novo arquivo no Flash com 400 pixels de largura e 250 pixels de altura.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

2.2. Clique no menu Insert/New Symbol, escolha movie clip e OK.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

3.2. Desenhe uma bola com 30 pixels de largura por 30 pixels de
altura, um pouco acima da pequena cruz no meio da área de edição.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

4.2. Converta esta forma em símbolo gráfico.

5.2. Clique no quadro 20 da linha de tempo e pressione F6 para criar um quadro-chave.

6.2. Mova a bolinha para baixo da cruz como mostra a imagem abaixo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

7.2. Aplique um Motion Twen entre o quadro 1 e o quadro 20 da linha de tempo.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

8.2. Retorne a Scene 1.

9.2. Abra a biblioteca e insira o Clipe de filme no alto a
esquerda do palco e teste seu filme com CTRL ENTER, você verá que a
bolinha desce continuamente.

10.2. Dê o nome de “bola” a instância.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

11.2. Insira um botão no alto à direita do palco, você pode
simplesmente desenhar um retângulo direto no palco, selecioná-lo e
pressionar F8 para convertê-lo para botão.

12.2. Insira a Action abaixo no botão.

on (release)

{

cont=1;

while(cont<20)

{

_root.caixa.duplicateMovieClip("caixan" cont,cont);

_root["caixan" cont]._y = random(250);

_root["caixan" cont]._x = random(400);

_root["caixan" cont]._yscale = random(100);

_root["caixan" cont]._xscale = random(100);

_root["caixan" cont]._alpha = random(100)

cont = 1;

}

}

Onde:
» _y = random(250) – Define a posição Y aleatoriamente, 250 é a altura do nosso filme.
» _x = random(400) – Define a posição X aleatoriamente, 400 é a altura do nosso filme.
» _yscale = random(100) – Define aleatoriamente a altura do clipe de filme. Valores que variam entre 1% e 100%.
» _xscale = random(100) – Define aleatoriamente a largura do clipe de filme. Valores que variam entre 1%
e 100%.
» _alpha = random(100) – Define aleatoriamente o alpha do clipe. Valores que variam entre 1% e 100%.

13.2 Para fazer com que a action seja executada automaticamente, apague o botão do palco e insira a action abaixo no primeiro quadro da linha de tempo.

cont=1;

while(cont<20)

{

_root.caixa.duplicateMovieClip("caixan" cont,cont);

_root["caixan" cont]._y = random(250);

_root["caixan" cont]._x = random(400);

_root["caixan" cont]._yscale = random(100);

_root["caixan" cont]._xscale = random(100);

_root["caixan" cont]._alpha = random(100)

cont = 1;

}

Credits

Fox
Julio