sábado, 26 de janeiro de 2008

Tutorial flash: Desenhando uma linha

Você vai precisar do Flash 8, Basic ou Professional, tanto faz:

Comece com um arquivo novo 250x250, abra o painel de actionscript (F9):

this.lineStyle(2,0x000000,100);
this.lineTo(250,250);

O resultado é este:


Agora, para o drag:
Crie um movie clip, com um desenho qualquer, não tem inportância:















duplique o movie clip (arrastar+alt) e dê dois cliques em qualquer um deles, você vai abrir ele para edição, lembrando que se você editar um, edita todos os movleclips do mesmo tipo!
Dê um F9, clique em qualquer lugar (para deslecionar o desenho) e digite isso:

onPress = function(){
startDrag(this)
}

onRelease = function(){
stopDrag();
}

Dê um ctrl+enter, se você fez correto, pode arrastar os movieclips:



Agora, vamos fazer a linha ser desenhada de um movieclip, para o outro!

Vá no root (clique em Scene 1, lá em cima da timeline, se não estiver ativo, é porque você já está nele) e clique num dos movieclips, abra a aba properties (ctrl+F3) e clique na caixnha de texto onde está escrito , e dê um nome ao seu movie clip (que você consiga lembrar!), repita com o outro:












Agora, clique no root, e abra o editor de scripts:

onEnterFrame = function(){
this.clear();
this.lineStyle(2,0x000000,100);
this.moveTo(bola1._x,bola1._y);
this.lineTo(bola2._x,bola2._y);
}

Troque o bola1 e bola2 pelos nomes dos seus movieclips (que você renomeou agora pouco)

E pronto! =D O resultado é este:


Gostou? Baixe o souce aqui: Link

Nenhum comentário: