Efeito mexe o mouse o site tbm mexe.

[F-gos 0]

Pessoal boa tarde!

 

Vejam esse site, estou criando um projeto aqui e achei esse efeito muito legal.. mas não sei como fazer.

 

 

http://uasabi.la/

 

como fazer em as2???

 

 

[Eliseu M. 2]

O efeito se chama Image Panning (não confundo com ParallaxBox):

 

http://thecodemonster.net/2008/01/01/image-panning-on-mouse-move/

http://www.oxylusflash.com/flashfiles/image-panning

[Elektra 102]

mouse_move, melhor se usar uma Tween.

 

Abs.

[heijouk 0]

Ola F-gos

 

Crie dois movieclip

 

Instancios de "mc", e outro de "cara"

 

Faça cada um em uma frame

 

Na Frame da timeline principal você coloca esse codigo

stop();
onMouseMove = function() { // escreva "on MouseMove" (sem espaço)




Mx = _xmouse;
My = _ymouse;
	mc._x = 750-(_xmouse/30);


		fundx = mc._x;



	cara._x = 385-(_xmouse/80)


		caraX = cara._x;

};

 

Aí só mudar os valores (os numeros) conforme a configuração do seu site!

 

Abraços

[F-gos 0]

Cara fiz oq você falou e colei sua action mas não aconteceu nada...... os mcs ficam um em cada frame tipo frame 1 e 2??

 

Ola F-gos

 

Crie dois movieclip

 

Instancios de "mc", e outro de "cara"

 

Faça cada um em uma frame

 

Na Frame da timeline principal você coloca esse codigo

stop();
onMouseMove = function() {




Mx = _xmouse;
My = _ymouse;
	mc._x = 750-(_xmouse/30);


		fundx = mc._x;



	cara._x = 385-(_xmouse/80)


		caraX = cara._x;

};

 

Aí só mudar os valores (os numeros) conforme a configuração do seu site!

 

Abraços

[heijouk 0]

cara, nao sei porque mas seria só copiar esse código, nao muda nenhuma letra, mesmo assim nao funciona...

 

tenta digitar ele no bloco de notas ou direto no flash mesmo.. esquisito

[Public2004 79]

Só uma observação caso não tenha notado: as duas letras "M" da palavra onmousemove devem ser em maiúscula.

 

Att.

[heijouk 0]

pode ser maiuscula, porem no meu funciona minuscula.. mais esquisito ainda.. kkkk

[Luiz Henrique 1]

Eu faço desta forma:

 

mc_fundo.onMouseMove = move;

 

function move() {

var xPorcent = _xmouse/Stage.width;

var yPorcent= _ymouse/Stage.height;

this._x = (Stage.width-this._width)*xPorcent;

this._y = (Stage.height-this._height)*yPorcent;

updateAfterEvent();

}

 

Lembrando que o ponto de registro deve estar no canto superior esquerdo.

 

Abs.

[F-gos 0]

Luiz dessa forma que você fez, o deslocamento do movie clip é bem grande.. isso pq utilizo o stage em 100%.. como faço para fazer o deslocamento ser bem leve.. tipo o exemplo que passei mesmo?

 

e porque se eu for com o mouse para o lado direito o mc se desloca mais do que se eu colocar o mouse para o lado esquerdo????

 

Eu faço desta forma:

 

mc_fundo.onmousemove = move;

 

function move() {

var xPorcent = _xmouse/Stage.width;

var yPorcent= _ymouse/Stage.height;

this._x = (Stage.width-this._width)*xPorcent;

this._y = (Stage.height-this._height)*yPorcent;

updateAfterEvent();

}

 

Lembrando que o ponto de registro deve estar no canto superior esquerdo.

 

Abs.

[Luiz Henrique 1]

O que eu faço normalmente é deixar a imagem uns 20% em x e y maior que o palco, aí o movimento é mais leve.