Problema com action do menu carrossel

[rick.fernandes]

peguei esse menu pela net, eu mesmo connsegui alterar algumas coisas tipo diametro do circulo , troca das imagens, porém a mascara do botão que serve para quando a pessoa colocar o mouse em cima ele parar de rodar, esta bem fora de lugar so que não conseigo achar onde arrumo isso, um colega meu que entende de action que fez essa mascara pra ele parar.

Como agora ele esta bem enrolado com outras coisas, se tiver alguém ai que possa me ajudar ficaria muito grato.

ta aqui o menu

www.novabonsucesso.com.br

eu queria ele que nem o da americanas, so parar quando o mouse estiver bem em cima da imagem , o que não esta acontacendo com esse

valeu galera se alguém ai puder ajudar

[Thelon]

Estou postando um arquivo .rar

com 3 tipos desse menu

Horizontal, vertical e diagonal.

Espero que ajude.

O horizontal está com o movimento beeeem grande

Mas se diminuir fica normal.

Acredito que eles estejam comentados fiz a muito tempo.

menu_circular.rar

[rick.fernandes]

Estou postando um arquivo .rar

com 3 tipos desse menu

Horizontal, vertical e diagonal.

Espero que ajude.

O horizontal está com o movimento beeeem grande

Mas se diminuir fica normal.

Acredito que eles estejam comentados fiz a muito tempo.

Thelon primeiramente muito obrigado pela ajuda.. so precisava alterar algumas coisas.. talvez até troque pelo que você mandou ai bem mais bonito.. seguinte, aquele que to usando ele le um arquivo xml indicando de onde ele vai buscar as imagens.. exemplo

no arquivo .xml ele diz que as imagens se chamam

img_1.jpg

img_2.jpg

img....

assim por diante, então quando quiser trocar as imagen é so criar as imagens coloca o nome igual ta ai jogo na pasta ele troca sozinhopor ser uma menu de propaganda estara sempre trocando as imagens.. entendeu ?

o que você me envio esta muito mais bonito que o meu original mais tem este porem.. a mascara do botão no seu tb esta certinho como eu qro..

pega nesse link o .fla não abusando da sua boa vontade for possivel olha e ve direitinho do que estou falando

www.novabonsucesso.com.br/menu_carrossel.zip

aquele seu ali tb é possivel alterar tamanho do circulo? altura dele.. tudo isso né pra ficar do tamanho daquele que esta na minha pagina..

valeu novamente cara se puder ajudar novamente ficaria grato

link : www.novabonsucesso.com.br/menu_carrossel.zip

[Thelon]

Velho posso até pegar seu arquivo porém ando beem enrolado

Responder perguntas no fórum aqui do trabalho é algo qeueu posso fazer

porém testar e mexer é complicado.

E em casa estou trabalhando em um projeto e estudando sobre analise de logs o que está tomando meu tempo.

Se quiser postar o código e falar onde está com dificuldade eu poderia ajudar com mais agilidade.

aquele seu ali tb é possivel alterar tamanho do circulo? altura dele.. tudo isso né pra ficar do tamanho daquele que esta na minha pagina..

As propriedades estão no começo do código.

E para mudar.

Basta trocar o arquivo da imagem por um com o mesmo nome na pasta não vejo necessidade de um XML para isso

Pois é mais complicado trocar o nome no XML do que substituir a imagem.

[caducg]

Thelon,

Parabéns pelo seu excelente profissionalismo.

No entanto, depois de velho resolvi me aventurar nesse mundo maravilhoso da animação.

A minha dúvida será muito simples pra vocês no entanto confesso que não estou conseguindo enxergar em que local da action script eu vou alterar a posição de uma nova imagem.

No caso que você passou, são 4 imagens no menu circular. Eu adicionei mais 1 imagem, transformei em movie clip e instanciei para mc5. Sendo que quando eu mando executar a ação, essa nova imagem, não fica alinhada como nas outras 4.

Pergunta:

- Como posso alinhar essa nova imagem as outras e criar um link para quando eu clicar nela redirecionar para um outro site?

- Na AS, não identifiquei onde eu altero as fotos que já estão no menu. Poderia me explicar?

Desde já agradeço a atenção dispensada, do Thelon e de que puder me ajudar a dar os primeiros passos no flash!

[],s

Editado Setembro 11, 2009 por caducg

[caducg]

*************************************************

Pessoal conseguir, adcionar as fotos e criar o link.

Como se não fosse suficiente, conseguir também, colocar o menu na horizontal.

******************************************************************

Agora eu queria colocar um botão para controlar a direção das fotos e criar um menu para quando eu colocasse o mouse em cima das fotos aparecesse a informação. Igual a esse no rodapé do site das Americanas.

http://www.americanas.com.br/cgi-bin/WebOb...ault?chave=lasa

[],s

[Thelon]

Procure por rollout e rollover

[caducg]

Então,

Eu consegui criar o menu com a descrição da foto após tranforma-la em um botão. Tentei usar o rollout e rollover mais não conseguir dá erro (Mouse events are permitted only for button instances). Eu alterei o valor de "var mouseSeguro" pra 0, mais não ficou legal. Ele fica girando e só para logico quando o mouse está no centro do palco. Mais o que eu quero é poder alternar essa animação com 2 botões (esquerdo/direito) e não pela posição do mouse e em que lugar da AS tenho que adicionar o rollover e roollout para da um stop parcial na animação ? Tentei em todas as linha e não consegui.

Mais uma vez obrigado Thelon pela dica!

/*******************************************/
// variavies de configuracao
/*******************************************/
// guardar as instancias a serem rotacionadas em um vetor
var clips = Array("mc1", "mc2", "mc3", "mc4", "mc5", "mc6", "mc7", "mc8");
var raio = 160;                 // raio de rotacao
var aceleracao = 0.015;      // aceleracao do mouse para o giro
var alphaMinimo = 20;       // transparencia do botao de menu mais distante
var alphaMaximo = 90;      // transparencia do botao de menu mais proximo
var escalaMinima = 50;     // tamanho do botao de menu mais distante
var escalaMaxima = 100;  // tamanho do botao de menu mais distante
var mouseSeguro = 80;  // pixels em torno do centro nos quais o
                                  // mouse não gira o menu

/*******************************************/
// Variaveis calculadas
/*******************************************/
// variacao da transparencia
var difAlpha = alphaMaximo - alphaMinimo;
// variacao do tamanho
var difEscala = escalaMaxima - escalaMinima;

// posicao central do menu em X e Y
var xIni = Stage.width / 2;
var yIni = Stage.height / 2;

var dobroRaio = raio * 2;
var conversao = Math.PI / 180;
// fator de conversao de angulo para radiano
var difAngular = 360 / clips.length;
// diferenca angular entre os itens de menu
var angulo = 0; // angulo inicial da roda como um todo

/*******************************************/
// funcoes
/*******************************************/

// funcao para determinar as posicoes X e Y
// de um menu em funcao do angulo e do raio
function posCircular(angulo, raio)
{
   var pos = new Object();
   var rad = angulo * conversao;
   pos.x = Math.sin(rad) * raio;
   pos.y = Math.cos(rad) * raio;

   return pos;
}

// funcao para ser chamada na mesma frequencia da animacao
// e que é responsavel por girar o menu
this.onEnterFrame = function () {
   // calculamos se o mouse esta fora da area central
   // e com que velocidade o menu ira girar
   velocidade = (_root._xmouse - xIni)
   if (Math.abs(velocidade) <= mouseSeguro)
      velocidade = 0;
   else
      velocidade *= aceleracao;
       // giramos o menu todo
   angulo += velocidade;
       // reposicionamos cada item do menu
   for (i = 0; i < clips.length; i++)
   {
      // criar alias para o clipe de filme atual
      var ptr = _root[clips];
       // alterar posicao horizontal do menu
      ptr._y = yIni;
      // calcular a diferenca angular desse menu
      // em relacao a origem da roda
      ptr.difAngular = difAngular * i;
      // buscar as posicoes X (profundidade) e Y (altura) do menu
      var pos = posCircular(angulo + ptr.difAngular, raio);
      ptr._x = xIni + pos.y;
      // calcular percentual de afastamento do menu
      // para alterar seu tamanho e transparencia
      var perc = (pos.x + raio) / dobroRaio;
      ptr._alpha = perc * difAlpha + alphaMinimo;
      ptr._xscale = ptr._yscale = perc * difEscala + escalaMinima;
      // colocar o menu acima dos que estao mais afastados
      ptr.swapDepths(pos.x + dobroRaio);
   }
}

Editado Setembro 14, 2009 por Thelon

[Thelon]

O que faz parar é no

var mouseSeguro = 80; // pixels em torno do centro nos quais o

(Mouse events are permitted only for button instances).

Como tentou fazer?

se for assim:

on(RollOver){

}

Tem que ser na ação do botão Se for

btn.onRollOver = fuction(){

}

Ai é no frame.

____________________________

[caducg]

Ôpa Mestre!

Eu apliquei o comando em cima dos botões (em cima das fotos do carrossel). Primeiro eu converti a foto para MC e depois a transformei em um botão. O link funcionou, quando eu clico sobre qualquer foto do carrossel, automaticamente abre o site que eu determinei na url. Só que o carrossel não para no momento que eu passo o mouse. Acredito que seja devido a essa linha do comando "var mouseSeguro= 80". Como eu posso alterar essa action para que o carrossel não gire com o movimento do mouse, pelo menos na área que estão as fotos ?

Thelon eu pesquisei no google e achei um comando chamado "hitTest". Não estou certo do seu funcionamento. Pode me explicar se vai funcionar? Segue abaixo a minha tentativa de aplicar o RollOver sobre a foto do carrossel. Onde só o link funcionou.

on(release){
    getURL("http://xxx.x.xxx.xx", "_self");
}
on(rollOver){
    _root.Array("mc1").stop();
}
on(rollOut){
    _root.Array("mc1").play();
}

Abs

[Thelon]

A variável mouseSeguro é para quanto mais perto a partir daquele ponto ele ir parando.

O HitTest talvez funcione.

Mande ele aumentar consideravelmente o mouseSeguro

Faz tempo que não mexo com esse menu então talvez posso estar enganado com confundindo algo.