PANDOGO (82 pts)

MUZAK (45 pts)

RODRIGO AMARAL (56 pts)

DAUTON JANOTA (255 pts)

DAAFY (55 pts)

ALEXANDRE PORTO (1281 pts)

ILVA RUDEV (90 pts)

GUILHERME SCHEIBE (49 pts)

SASHA GUDEY (235 pts)

RICARDO FIGUEIRA (33 pts)

GABRIEL SPORCH (53 pts)

JONAS GALVEZ (521 pts)
Treinamento PontoFlash de Flash e ActionScript

Como envio um valor para uma variável em um movieclip duplicado com o nome de (varbola+n) e que cada bola tenha um valor?

Tem como posicionar uma imagem aberta com Load Movie (jpg)?

Gostaria de no mouse over sobre um texto, ele parasse, e no mouse out, prosseguisse de onde parou.

Preciso de um script para ver quantos usuários estão online.

Como eu faço no flash para um logo girar como se fosse um 360º só que na horizonal?

Como faço para carregar randomicamente imagens com um botão sem repetilas?

Gostaria de fazer dois olhos 'olhando' para o mouse.

Quero alterar a ordem de movimentação da tecla tab num formulário.

Queria ver se é possível fazer com o que o som permaneça parado mesmo quando o movie se reinicia.

Como fazer funcionar o Onion-Skin?

Como fazer uma arma móvel atirar um projétil verticalmente?

Como fazer um random que nunca repita o resultado?

Tem como abrir um PDF (acrobat reader) entro do Flash? Pode ser com Delphi?

Como faço para acionar MCs sobrepostos ou seja acionar um MC e deselecionar o outro que está uma camada acima.
Cadastro de usuários, com Flash+ASP

Variáveis no Flash MX

Curiosidades.

Integração Flash + Fireworks

Scroll - Rolagem de textos e Imagens

A história do Flash.

Integração Flash X ColdFusion.

Uso da tecla tab num formulário Flash.

Um contador Flash + PHP

Como criar um site totalmente dinâmico em Flash MX

Flash e as mudanças do IE

Plugins variados para seu trabalho em design
Collision gravity

Dots2a

Waterdrop

Texto com scroll

Move to point

Efeito Matrix

Trilha

Condições

Preload advanced

Caneta

Grass and wind

Duplicate MC
HOME | TUTORIAIS
Linha que segue o mouse.
por Stickman

Navegando por sites feitos em Flash, encontrei o Infinovation, onde vi esse efeito esperto. Levei algum tempo para entender como foi feito (até que percebi que ele usa escala para desenhar a linha - é óbvio quando você já sacou!).

Minha versão original era uma bagunça total mas, depois de brincar um pouco com Duplicate Movie Clip em outro projeto, percebi que podia ser muito mais simples. Depois disso soube que o original também foi feito dessa maneira.

Parece bem simples...

Não é exatamente engenharia de foguetes, mas são usados aqui alguns truques espertos que podem não saltar aos olhos quando você olha pela primeira vez. Vou explicar melhor...

As partes fáceis

Bom, antes de mais nada, você precisa entender do que se trata. Uma vez por frame, estamos lendo as coordenadas do mouse e desenhando uma linha a partir do ponto onde ele estava no último frame até onde ele está agora (e deixando um rastro de "velhas linhas" que gradualmente desaparecem). Se você não sabe ainda, podemos achar as coordenadas do mouse criando um movie clip vazio (aqui chamado tracker), colocando-o na linha do tempo principal e acrescentando a seguinte ação ao primeiro frame:

Start Drag ("/tracker", lockcenter)

Agora, podemos usar GetProperty para achar os valores x e y de /tracker e assim teremos as coordenadas do mouse. Como quase sempre acontece, a maior parte do trabalho é feita num movie clip de controle. Este é programado para fazer um loop em cada frame e, em cada frame, ele executa uma série de ações que faz a detecção do mouse e o desenho da linha. Você vai encontrar essas ações no primeiro frame do movie clip "control".

Fazendo a linha

Essa é, na minha opinião, a parte mais inteligente da coisa toda. Você não pode simplesmente mandar o Flash "desenhar uma linha do ponto A ao ponto B". Por isso, aqui se usa um truquezinho sutil com a escala. Você cria uma linha que está a 45° (chamada Line) e cuja altura e comprimento é de exatamente 100 pixels. Coloca-a a na linha do tempo principal e lhe dá um nome de instância. Detectando as coordenadas do mouse (usando o método descrito acima) podemos colocar uma duplicata desse movie clip na "antiga" posição do mouse (que está armazenada nas variáveis /:OldX e /:OldY) e escalá-la nas direções X e Y pela diferença entre as velhas coordenadas e as novas (NewX e NewY). As ações ficarão assim:

Set Variable: "Line" = "NewLine"&/:Counter
Duplicate Movie Clip ("/Line", Line, /:Counter)
Set Variable: "Line" = "/"&Line
Set Variable: "NewX" = GetProperty ("/tracker",_x)
Set Variable: "NewY" = GetProperty ("/tracker",_y)
Set Property (Line, X Position) = /:OldX
Set Property (Line, Y Position) = /:OldY
Set Property (Line, X Scale) = NewX-/:OldX
Set Property (Line, Y Scale) = NewY-/:OldY

A primeira linha simplesmente cria uma variável com o nome da linha que estamos para criar - NewLine mais o valor atual do contador, que cresce de um em um a cada loop do movie clip. Depois usamos Duplicate Movie Clip para criar uma nova cópia da nossa linha, usando Counter como o valor de Depth (cada cópia da nossa linha precisa estar numa profundidade diferente de camada como as camadas num Flash movie). Então acrescentamos um '/' no início do nome de nossa nova linha e usamos GetProperty para achar as novas coordenadas do mouse. As quatro linhas finais dão as posições x e y do movie clip da nossa nova linha e define sua escala X para NewX-/:OldX e sua escala Y para NewY-/:OldY.

Simples, mas...

Bobinho que sou, pensei que era necessário usar algum truque especial de escala para criar uma linha que não ficasse mais grossa quando você a escalasse. No entanto, Dan Wright (obrigado, Dan!) me mostrou que você pode conseguir o mesmo resultado com uma hairline. Dei mole...

Grande coisa... Então é isso. Para fazer tudo funcionar, é preciso que você saiba umas coisinhas a mais, mas vou deixá-lo brincar com o arquivo .fla e descobrir por si mesmo - não há nada muito complicado.

Copyright de todos os arquivos e textos de ©Stickman 1998 - 2000. Sobre copyright, termos de uso e informações, por favor visite www.the-stickman.com/terms.

Baixe aqui o arquivo FLA desse tutorial.



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário