GUILHERME G.G. (137 pts)

LUIZ AVANCI (51 pts)

RÔMULO NUNES (32 pts)

GUILHERME SCHEIBE (49 pts)

BÁRBARA TOSTES (64 pts)

GÉRIO (93 pts)

PEDRO CLAUDIO (50 pts)

LUI FERNANDO (151 pts)

ÉMERSON ROCHA (85 pts)

ALEXANDRE PORTO (1281 pts)

MARCOS JOSÉ PINTO (44 pts)

EDUARDO CARREGA (150 pts)
Treinamento PontoFlash de Flash e ActionScript

Como funciona o combobox para gerar variáveis?

Como validar várias senhas e logins cadastradas no Flash?

Porque o loop FOR..IN nem sempre gera o mesmo resultado do FOR convencional?

Estou tentando fazer uma linha aparecer. Tipo o R do lápisraro (www.lapisraro.com.br). No meu caso é a letra S.

Como coloco uma senha no Flash?

Que programas tiram as bordas, barra de título de um projetor (executável)?

Porque os botões em um Movie Clip não estão funcionando para outra cena?

Como faço para trocar imagens bitmaps sem ter que abrir o FLA?

Como eu faço pra quando publicar não ficar um quadrado preto ao redor?

Como colocar elementos separados por vírgula em uma posição específica de um array?

Quero que um movieclip filho cheque a colisão (hitTest) com um terceiro colocado na timeline principal.

Preciso de um programa para criar fontes.

Como posso fazer no flash MX, uma linha reta via actionscript.

Como instanciar movieclips duplicados (Duplicate Movieclip)?
Controlando MovieClip pelas teclas direcionais.

Perspectiva 3D no Flash

Enquete interagindo Flash MX 2004 + PHP + MySql

Botão estilo Apple, feito no Flash.

Entendendo como funciona um preloader - Segunda parte

Context Menu - usando o botão direito do mouse

Conversão de Datas e Horas em Servers Estrangeiros (Flash+Asp).

Como criar objetos 3D no Fireworks.

Menu infinito

Create TextField.

Movimento por meio de actionscript

Avaliação do site de O Boticário
Cursor customizado relativo

Bspline3

MovieClip.onCollision

Mapa - Países com B

Ir e voltar

Particles

CGC e CPF

Rolltext com mask

Double cube

Kaleidoscope

Quantum

Duplicate MC
HOME | TUTORIAIS
Barneys_menu.
por Stickman

Você pode fazer o download do exemplo aqui.

O que há de tão genial?

O menu é esperto porque as "caixas de menu" - marcadas aqui como caixa 1 a caixa 5 - podem ser arrastadas pela tela independentemente das "áreas de conteúdo", aqui marcadas Menu 1 a Menu 5. Se você leva uma caixa para fora da área de conteúdo (na caixa vazia abaixo), ela vai permanecer na tela mesmo que você vá para uma área de conteúdo diferente, mas leve-a novamente à área do menu principal e ela retornará suavemente a seu lugar de origem.

Como funciona?

Não vou fazer um tutorial passo a passo dessa vez - seria muito demorado - mas aqui vai um breve resumo. Antes de mais nada, as áreas de conteúdo principais. Ao invés de ter um grande e pesado movie clip (que seria difícil de editar) cada área de conteúdo é um movie clip separado, chamado Menu 1 a Menu 5. Então usamos actionscript para reposicioná-los numa fila - eles têm todos a mesma largura, então só temos que fazer um loop para conseguir isso (está no movie clip de controle).

Quando clicamos num botão para ir para uma nova área de conteúdo, o movimento suave é conseguido executando o "target" (o número do menu, menos 1 - porque o menu1 está no zero - multiplicado pela largura do menu) e então movendo o menu uma fração da distância entre esse ponto e a posição atual. Se você olhar no actions layer da linha de tempo principal, você vai ver uma variável chamada Speed_menu, que determina a velocidade com que o menu vai se mover - um número maior significa movimento mais lento. O movie clip de controle continua checando a posição do menu em relação ao alvo (uma vez por frame), e subtraindo uma fração (diferença / speed_menu) daquela distância. Se você mudar o ponto de destino antes que o menu chegue lá, ele vai simplesmente mudar sua velocidade e/ou direção de acordo com a mudança.

E aquelas caixinhas engraçadinhas?

As caixas de menu arrastáveis funcionam de forma semelhante, mas são um pouquinho mais complicadas porque sua posição está ligada à posição das áreas de conteúdo principais. A variável /:current_position armazena a coordenada x da primeira área de conteúdo (Menu 1) e todas as outras posições são estabelecidas em relação a esse ponto. Quando o menu principal se move, todas as caixas de menu se movem com ele, a não ser que uma variável interna de menu in_menu seja definida como zero, significando que está sendo arrastada para uma área abaixo dos botões.

Como as áreas de conteúdo, ela compara a posição atual da caixa com a posição de destino e substitui uma fração daquela distância. A variável /:Speed_box armazena o valor pelo qual a distância vai ser dividida, embora isso seja afetado pelo movimento das áreas de conteúdo, o que faz com que achar o valor correto para um movimento suave seja questão de experimentação.

É isso?

Bem, eu avisei que esse seria um breve resumo...

Boa sorte!

Copyright de todos os arquivos e textos de ©Stickman 1998 - 2001.
Para copyright e termos de uso e informações, por favor leia essa página.

Faça o download de um exemplo.



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
| 18/3/2010 - 01:15 |


stickman, existe uma forma mais simples de fazer esse menu. sem as caixinhas e tudo o mais. A forma mais simples que eu digo é no caso controlando a direção da time line, por exemplo. Obrigado.