POsicion de elementos en funcion del puntero

[moxter]

Hola,

Es mi primer post, yujuuu... Hay un efecto que he visto en determinas web en el que los elementos que componen el escenario tienen cierto movimiento en función del puntero del ratón.

No recuerdo ningúna dirección concreta, pero una si que me gustó: la web era lo que parecía una fotografía de cine negro, con mucha sombra y aspecto de un cartel de cine de misterio o terror, pero al mover el puntero del raton esos elementos se movian ligeramente, lo que daba una sensación de estar dentro de la escena, que sumado a la música de fondo quedaba genial.

Alguien sabe como se hace eso o en qué está basado?



Un saludo.

[moxter]

Os dejo algunas web con ese efecto:


http://www.ksiazkatunele.pl/ ( en el tunel con luz verde)


http://rockwin.dk/



http://www.azam.com/


http://www.tdhadvertising.com


¿alguien sabe en que se basan estos efectos?

un saludo.

[moxter]

¿Nadie sabe como se hace que diferentes objetos de un escena tengan movimiento dependiendo de la posición que tenga el puntero del ratón en un momento determinado?

[lickybuay]

y una manera sencilla es ponerle a ese movieClip un onMouseOver, así apenas el mouse pasa encima del mismo podrías activar otro movieclip, etc.

Por ejemplo:

Código:

mimcquieto.onMouseOver = function () {
        mimcmovido.play();
}

mimcquieto.onMouseOut = function () {
        mimcmovido.gotoAndPlay(1);
}

Esa es una forma sencilla jeje :p, la otra es usando un onEnterFrame haciendo la consultas en base al _xmouse / _ymouse, algo como:

Código:

this.onEnterFrame = function () {
     if (_xmouse == 110 && _ymouse == 150 ) {
          mimcmovido.play();
		  delete this.onEnterFrame;
     } else {
          trace ("_xmouse: " + _xmouse + "_ymouse: " + _ymouse );
     }
}

No lo he testeado, pero supongo funcionaría jeje :p. Avísame si te funcionó, salu2

[worldPeace_Plis]

hola, esto te ha de servir:

Código PHP:

  tool_mc.onEnterFrame = function() {
    diffY = (_ymouse<=300) ? (300-_ymouse)/6 : -(_ymouse-300)/6;
    diffX = (_xmouse<=400) ? (400-_xmouse)/2 : -(_xmouse-400)/2;
    this._x = _xmouse+diffX;
    this._y = _ymouse+diffY;
}; 
   

Salu2!