EDUARDO CARREGA (150 pts)

ÉMERSON ROCHA (85 pts)

DAAFY (55 pts)

LUIZ AVANCI (51 pts)

HELEN TRIOLO (444 pts)

RÔMULO NUNES (32 pts)

LUI FERNANDO (151 pts)

MARLOS ALVES CARMO (90 pts)

DAUTON JANOTA (255 pts)

MANGOOST (80 pts)

DEN IVANOV (260 pts)

FLASHGURU (155 pts)
Treinamento PontoFlash de Flash e ActionScript

Quero que quando terminar a animação de um movieclip, comece outro e assim sucessivamente.

Como enviar comandos para uma variável aberta com loadVariables?

Quero fazer um texto com scroll (barra de rolagem) contínua.

Como faço pra mudar o nome de uma variável em tempo real?

Quero montar um gráfico de barras que ao rodar o filme, fossem crescendo.

Algumas dicas de como usar XML no Flash.

Como importar um texto no Flash com as tags de negrito do HTML?

Um exemplo de um campo de texto formatado dinamicamente no Flash MX.

Flash 5 ou Flash 4?

Como eu faço para retornar um número inteiro?

Tem como chamar informações de um XML randomicamente no Flash?

Aqui vai o segredo das variáveis

Não consigo usar fontes PIXEL no Flash. Transformo ela em imagem?

Como fazer uma linha criada via métodos de desenho ir crescendo da direita para a esquerda?
Menu horizontal com descrição.

Degradé com tons metálicos - Fireworks

Criação de letras transparentes - Fireworks

Botão Radio.

EmbedFonts e Mini-dicionário Style

Tratamento de um bitmap PNG com o PhotoShop.

Jogo de colorir.

Shared object.

Controle de MovieClip via Microphone.get();

Componente Slideshow

Unindo e separando traçados - Fireworks

Transparência no Flash.
Pond

F5menu popup

Loop menu

3dsimmoufollow

Focus

Tensionchain

Preload leve

Dots2a

Trailer

Position

Visibilidade

Quebra Cabeças
HOME | TUTORIAIS
Menu infinito
por Kirupa Chinnathambi

Introdução

Nós vamos ver nesse tutorial como executar um simples, mas muito popular modelo de menu: o menu infinito. Claro que há diversas maneira de se fazer um, desde o primeiro criado por Yugo Nakamura a esse que vamos construir agora.


[ um menu infinito]

Passos para criar a animação

Primeiramente, faça o download do arquivo parcial aqui.

   As próximas etapas lhe ajudarão a criar a animação acima:

   Abra o arquivo. Não há nada na cena, tudo está na biblioteca. Então abra a mesma (Ctrl+L). Você pode ver um botão e um movieclip chamado menu. Esse movieclip contém um fundo cinza, botões e textos. Note também que o ponto de registro desse movieclip está em sua extremidade esquerda, o que é muito importante para o funcionamento do exemplo.

   Para realizar esse efeito, você precisa de duas instâncias desse movieclip no palco. Atrraste-os para a linha do tempo principal. Posicione-os com a ajuda da barra de ferramentas (ou do painel propriedades no Flash5). O primeiro com a coordenada _x=0 e o segundo em _x=300 (O movieclip tem 300 pixels de largura). Selecione ambos os movieclips e pressione F8 para transformá-los em um movieclip.


[movieclips um após o outro]

   Esteja seguro que o ponto de registro desse novo movieclip esteja colocado também na sua extremidade esquerda. Se estiver trabalhando com o FlashMX, apenas especifique essa posição quando você estiver criando o movieclip (veja a imagem acima) e se você estiver trabalhando com o Flash5 faça isso manualmente.

   Agora vamos fazer com que o movieclip se mova acompanhando a posição do mouse: quando você vai para a esquerda o menu também vai para a esquerda e o mesmo para a direita. Abra o painel de actions e coloque esse código:

onClipEvent (load)
{
  xcenter=150;
  speed=1/10;
}
onClipEvent (enterFrame)
{
  var distance=_root._xmouse-xcenter;
  _x+=(distance*speed);
}

   Se você testar seu filme, você verá o filme como desejamos. Vamos ver como esse código trabalha:

   Nós definimos um par de variáveis:

xcenter: Esse é o ponto central do filme. Se o mouse estiver à esquerda desse ponto o movieclip irá para a esquerda. O mesmo acontecerá para à direita.

speed: a velocidade do movieclip. Note que ele é inferior a 1.

   No evento enterFrame, nós primeiro calculamos a distância entre o mouse (_xmouse) e o ponto central (xcenter) do filme e depois movemos o movieclip dependendo dessa distância. Por isso speed é menor que 1. De outra forma, o movieclip ficaria pulando de uma lado para o outro. Você pode testar várias opções até encontrar uma velocidade adequada.

   OK, estamos quase no final. Agora temos que simular um looping no menu. Para fazer isso, teremos que checar a posição do menu. Se for maior que 0 (zero), significa que passaremos a ver algum espaço em branco à esquerda, então nós faremos o movieclip pular para à esquerda. O mesmo ocorre se _x < -300, então faremos o movieclip pulará para à direita. Isso ficaria claro vendo funcionar.

onClipEvent (enterFrame)
{
  var distance=_root._xmouse-xcenter;
  _x+=(distance*speed);
  if (_x > 0) _x=-300;
  if (_x < -300) _x=0;
}

   Salve seu trabalho. Tome certos cuidados: o valor 300 foi definido aqui porque o tamanho do menué de 300 pixels. Você deverá mudar esse valor de acordo com o tamanho de seu movieclip menu.

   Última coisa que deve ser feita: mascare o seu filme de maneira que se possa ver apenas uma pequena parte dele. Crie uma nova camada na sua linha do tempo principal (mask) e desenhe um retângulo nele. Clique com o botão direito na camada e escolha a opção máscara. Salve e teste seu filme.


[ mascare seu menu ]

Uma nota final: É normal que vocês não esteja vendo texto sob a máscara. Para resolver isso, você pode tanto embutir a fonte ou desmembrá-la (break apart) duas vezes (Ctrl+B).

Isso é tudo. Espero que você goste desse exemplo. Você poderá testar vários parâmetros, colocar alguma inércia, alterar a velocidade, colocar efeitos elásticos etc.



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
1 comentário


Comentário de Artur Gomes
| 9/6/2010 - 17:26 |
http://arturopg.sites.uol.com.br

Olá, há um link quebrado no artigo 'Menu infinito ', 140