GUILHERME G.G. (137 pts)

HELEN TRIOLO (444 pts)

PEDRO CLAUDIO (50 pts)

LEANDRO AMANO (83 pts)

MUZAK (45 pts)

EDUARDO WALMOTT (226 pts)

DAUTON JANOTA (255 pts)

LUI FERNANDO (151 pts)

SYDNEY GANHO (60 pts)

IRAPUAN MARTINEZ (45 pts)

AUTOR DESCONHECIDO (100 pts)

RICARDO TAKAHASHI (180 pts)
Treinamento PontoFlash de Flash e ActionScript

Algumas dicas sobre Array, Join e Split.

Como verificar um caracter numa variável e retira-lo?

Como fazer um mouse trail seguir o mouse, mas com efeito elástico?

Como faço para abrir uma janela popup referente a resolução do usuário?

Como retardar (delay) o início de uma apresentação em Flash?

Gostaria de saber se o Flash 5 importa aquivos do Photoshop com extensão .psd?

Como faço uma bola se mover e voltar quando bate numa parede?

Tem como alinhar objetos em frames diferentes de uma vez só?

como eu chamo uma função do Flash a partir do javascript?

Gostaria de saber como faço para colocar data e hora em um site todo em flash.

Gostaria que um executável preenchesse a tela toda em fullscreen.

Tamanho de banners

Dicas para seu movie ficar mais enxuto.

Plugin do Flash Player
Turbine seu Fireworks

Texto difuso

Includes.

Objeto Color

Looping.

Quando usar vetor ou bitmap?

Envio de email via formulário utilizando Flash + ASP.

Load Movie into level (nível)

Primeiros passos - Camadas e outras coisas

Pre-carregador (Preloader)

Barra de rolagem simples no Flash5.

Sub-Menus entre frames, com o Dreamweaver
Bola quicando

Abrirefecharjanelas

Flower

Email check

Hexadecimal

Preloader run

Rotating dna

Scroll Component

Rotating puzzle

Caneta

Multi text load

Liquidimage
HOME | TUTORIAIS
Atenuação (easing).
por Alexandre Porto

Atenuação (easing) é uma interessante recurso para animações de código (code animation). Ele proporciona uma sensação realista de aceleração e desaceleração, dependendo de sua posição inicial e destino final. Esse tutorial ensinará o básico da atenuação criando, inicialmente, um mouse trail. Esse é provavelmente o mais simples forma de atenuação.


mova o mouse no filme acima

Passos para criar a animação.

O primeiro passo é criar um novo filme com uma bola. Transforme essa bola em um movieclip. Adicione as seguintes actions ao movieclip.

onClipEvent (load) {
   velocidade = 5;
}
onClipEvent (enterFrame) {
   endX = _root._xmouse;
   endY = _root._ymouse;
   _x += (endX-_x)/velocidade;
   _y += (endY-_y)/velocidade;
}

Explicando o código:

Começando pelo onClipEvent (load)

onClipEvent (load) {
   velocidade = 5;
}

Essa action define que a velocidade do efeito será "5". Para modificar "velocidade", tenha em mente que quanto maior o se valor, mais lenta será a transição.

onClipEvent (enterFrame) {
   endX = _root._xmouse;
   endY = _root._ymouse;
   _x += (endX-_x)/speed;
   _y += (endY-_y)/speed;
}

Primerio essa instrução define que o ponto final da animação é a posição do mouse. Depois subtrai a posição atual (_x, _y) da nova posição (posição do mouse) e divide o resultado pela velocidade. Isso ficará em loop até que o objeto encontre o seu destino final, o mouse.

Mais um exemplo de atenuação movendo um objeto para o local onde o mouse é clicado.


Clique em qualquer parte do filme acima, para ver o exemplo

Modifique as actions da bola por essa aqui abaixo:

onClipEvent (load) {
   velocidade = 5;
}
onClipEvent (mouseDown) {
   endX = _root._xmouse;
   endY = _root._ymouse;
}
onClipEvent (enterFrame) {
   _x += (endX-_x)/velocidade;
   _y += (endY-_y)/velocidade;
}


Teste seu filme (CTRL+Enter) e clique no palco?

Vamos explicar o código:

Começando outra vez pelas funções do onClipEvent(load).

onClipEvent (load) {
   velocidade = 5;
}

Assim como no exemplo acima, declaramos aqui a velocidade da animação.

O código no onClipEvent(mouseDown) é.

onClipEvent (mouseDown) {
   endX = _root._xmouse;
   endY = _root._ymouse;
}

Ele cria um local para o fim da animação. Quando você clica no palco do filme ele captura a posição do clique.

Por fim o onClipEvent(enterFrame).

onClipEvent (enterFrame) {
   _x += (endX-_x)/speed;
   _y += (endY-_y)/speed;
}

É um loop que pega as coordenadas _x e _y atuais e os subtrai pelas variáveis endX e endY (criada no clique do mouse). Esse valor fica cada vez menor e é repetidamente dividido pela velocidade. Isso cria um movimento rápido quando ele parte e um movimento mais lento perto do alvo.



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