19 replies to this topic

[Daburah_RJ]

Olá pessoal, antes de mais nada desejo feliz natal a todos.

Bem, ao navegar em um site de NFSU2 (Need for speed Underground 2) eu me deparei com um menu que ao meu parecer é muito legal.

O Problema é que não sei quase nada de flash, e se não fosse algo trabalhoso eu gostaria que alguém ensinasse a cria-lo e se possível disponibilizar o source para estuda-lo.

O menu está nesse Link

Obrigado a todos.

[NOVAZOO]

Muito fácil.
Crie os botões com o visual do estágio inicial.
dentro do objeto há 4 frames; o segundo (rollOver) é onde você
deve criar o visual do segundo estágio e assim, gerar um movieclip
com a animação onde sobe e desce o nome do tópico.

[polyworld]

desse jeito

[Daburah_RJ]

Tá, saquei.
Mas como eu irei informar ao botão que quando eu passar o mouse ele vai fazer aquela animação e ao remover o mouse ele volta ao normal gradativamente, saca?

[Saruman]

A idéia é simples e a execução tb... vc pode ao invés de fazer um botão fazer um MC. E colocar algumas ações...

Este modo funciona bem, só que quando vc tira o mouse antes da animação se completar ela dá um salto na cor do botão:
http://www5.domaindlx.com/manwe/modofacil.swf
DOWNLOAD DO .FLA

Há algumas outras formas mais eficientes, mas também mais complicadas, optei por colocar esta forma que é a mais simples.

[felipecm]

A idéia é simples e a execução tb... vc pode ao invés de fazer um botão fazer um MC. E colocar algumas ações...

Este modo funciona bem, só que quando vc tira o mouse antes da animação se completar ela dá um salto na cor do botão:
http://www5.domaindlx.com/manwe/modofacil.swf
DOWNLOAD DO .FLA

Há algumas outras formas mais eficientes, mas também mais complicadas, optei por colocar esta forma que é a mais simples.

Eu faria assim, criaria um button e no Over eu faria um MC com o movimento, pra mim pelo menos é a forma mais facil

[Saruman]

Sim, mas veja que ele pediu que o botão volta-se gradativamente quando o mouse saisse da area do botão. Para fazer isso usando-se um botão seria um pouco mais dificil...

[Daburah_RJ]

Boa Saruman.

A idéia é essa mesma.
Irei baixar este .fla e treinar para ver se eu posso dar seguimento a meus estudos.

Agora, já faz um tempo em que eu criei um post com o assunto de 'animação dinamica' onde ao passar o mouse em cima, o botão dava um alpha de 100% e ao remove-lo, o botão voltaria a alpha 50%. Enfim, bem parecido com o que você me passou.

O Problema, é que ao criar dois botões com o mesmo efeito o bicho pega pq se passar o mouse em 1 deles o outro se altera sozinho.

Eu mudei as variáveis e tal mas acho que o problema é alterar algo no código.
Vou testar com o seu exemplo, se der certo ou não eu posto novamente ok?

Abraços!

[Saruman]

Esse tipo de animação que vc falou (alpha) pode ser feito de 3 modos diferentes:

1. da mesma forma que eu fiz o exemplo anterior, isto é, utilizando interpolação e um MC.

2. Se você quiser que õ alpha do botão salte para 100 (isto é, rapidamente, sem gradativo). Basta que nas ações do botão você coloque:

on(rollOver){
this._alpha=100;
}
on(rollOut){
this._alpha=50;
}

3. Agora se você quer um efeito gradativo, o processo por ActionScript é um pouco mais complicado. Coloque no seu primeiro frame:

MovieClip.prototype.fade = function(a, v) { 
    if (a == null || a == undefined) { 
        a = true; 
    } 
    this.onEnterFrame = function() { 
        if (a) { 
            if (this._alpha>50 && a) { 
                this._visible = a; 
                this._alpha -= v; 
                if (this._alpha<=50) { 
                    this._visible = a; 
                    return false; 
                } 
            } 
        } else { 
            if (this._alpha<100 && a != true) { 
                this._visible = true; 
                this._alpha += v; 
                return true; 
            } 
        } 
    }; 
};

E nas ações de um Movie Clipe:

on(rollOver){
this.fade(true,20); 
} 
on(rollOut){ 
this.fade(false,20); 
}

Extraido e adaptado de www.pontoflash.com.br

É só escolher...
1: é mais trabalhoso pq vc vai precisar fazer um por um
2: tem o defeito de o alpha saltar de 50 para 100 e vice versa
3: é na minha opinião o melhor, apesar de ser mais complicado pq envolve algumas ações mais dificeis, ele cria um padrão para todos os movie clips que vc quiser. Bastanto colocar as ações correspondentes em cada MC desejado...

Espero ter ajudado...

[Daburah_RJ]

Excelente!

Optei por fazer o primeiro exemplo (mais fácil p/ mim)
Acontece que eu gostaria de colocar este MovieClip dentro do "Hover" de um botão.

O problema é que ao fazer isso, o movieclip deixa de funcionar.
Será que vocês podem resolver isso p/ mim?

Em anexo, um exemplo do que eu estou falando.

Attached Files

•  arquivo.fla   25KB   29 downloads

Edição feita por: Daburah_RJ, 15/01/2005, 19:39.

[Daburah_RJ]

A propósito, o .fla não funciona

[vulcanis]

Ei gente a discussão saiu do foco inicial

a questão é como fazer o movimento de ir e voltar sem que haja um salto brusco caso o usuário retire o mouse antes da animação terminar

Este é o problema
Pelo menos pra mim...

[Saruman]

Daburah_RJ Se possivel envie o Flash...
vulcanisA opção 3 do meu post anterior corrige esta falha...

[Daburah_RJ]

Daburah_RJ Se possivel envie o Flash...
vulcanisA opção 3 do meu post anterior corrige esta falha...

Saruman, o arquivo (.fla) está ná minha antepenúltima resposta deste post. Abraços!

[Saruman]

eh q naum tah funfando... vc tem q por num servidor e colocar o link aki...