Desenhando no Flash com apenas 11 linhas de ActionScript, por Marcio Agnelo

Avaliação:

| Publicado em: 18/04/2008

Desenhando no Flash com apenas 11 linhas de ActionScript

Marcio Agnelo Márcio Agnelo. Hoje com 30 anos. É músico, desenhista, designer, programador e web developer. Trabalha com internet há 9 anos e ministrou cursos em São Paulo de Flash com Actionscript e também de ASP.

Desenhando no Flash com apenas 11 linhas de ActionScript

Basicamente a estrutura de desenho aplicada refere-se somente à interação do actionscript com eventos relacionados ao MouseDown (Clique), MouseMove(Movimento do Mouse) e MouseUp (Mouse não clicado). Segue abaixo a instrução line-by-line de como funciona:

1. createEmptyMovieClip("linha",1);
2. linha.lineStyle(4,0x000000,100);
3. onMouseDown = function (){
4.        linha.moveTo(_xmouse, _ymouse);
5.        onMouseMove = function (){
6.        linha.lineTo(_xmouse, _ymouse);
7.        };
8. };
9. onMouseUp = function(){
10.       delete onMouseMove;
11. };

Dentro disso, ja temos o swf funcionano, agora vamos explicar cada linha:

Linha 1:
1. createEmptyMovieClip("linha",1);

Criação do MovieClip chamado de "linha" com depth de 1

Linha 2:
2. linha.lineStyle(4,0x000000,100);

Especificando o estilo de linha com borda de 4 pixels com a cor 0x000000(preta nesse tutorial) com alpha de 100(quer dizer, sem nível de tranparência)

Linha de 3 a 8:

3. onMouseDown = function (){
4.        linha.moveTo(_xmouse, _ymouse);
5.        onMouseMove = function (){
6.        linha.lineTo(_xmouse, _ymouse);
7.        };
8. };

onMouseDown significa a função enquanto eu clico. Nisso eu digo para a linha vá para sempre na posição do mouse linha.moveTo(_xmouse, _ymouse); ou seja, o início da linha sempre vai pegar a posição inicial a linha. Quando clicado eu movimento o mouse, isso explica a função interna onMouseMove = function (){ . E, para cada movimento de mouse eu digo para a linha seguir os movimentos do mouse.

Linhas de 9 a 11:

9. onMouseUp = function(){
10.       delete onMouseMove;
11. };

Simplesmente significa que quando eu deixo de clicar eu cancelo a função de movimento do mouse, ou seja, não desenha a linha.

Viram como é fácil? Até a próxima

Arquivos anexos ao artigo

desenhandoNoFlash.zip

desconhecido

legal
parabéns
show