Comunidad de diseño web y desarrollo en internet online

Seguir Mouve - Invertido

Citar            
MensajeEscrito el 02 Ago 2008 07:21 pm
Que tal gente? como podría hacer para mover un mc en forma inversa al movimiento del mouse? (muevo el mouse hacia la derecha, el contenido va hacia la izquierda)

como esos thumbails de imágenes, que uno mueve el mouse hacia la derecha y ve el siguiente contenido, etc, espero haberme dado a entender.

se como hacer pa que siga al mouse, pero el tema es que tiene que ser de forma inversa :(

salu2

Por lickybuay

26 de clabLevel



Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 02 Ago 2008 08:20 pm
Buenas,

Pues deberías hacerlo en el onEnterFrame, y lo unico que deberías hacer es asignar al mc la posición del mouse con signo invertido, tanto para la x como para la y. El (0,0) de la peli principal debería ser el centro por eso.

Yo creo que así ya te funcionaria.

Por ur!

256 de clabLevel



 

Barcelona

firefox
Citar            
MensajeEscrito el 03 Ago 2008 10:55 pm
Muchas gracias por la respuesta. Les paso lo que hice hasta el momento.

Código :

for (var i=0; i<10; i++) {
   cont_img["img_"+i].valor = i;
   cont_img.attachMovie("img", "img_"+i, i);
   cont_img["img_"+i]._x += 102 * i;
   cont_img["img_"+i].loadMovie("img/n"+i+"-chico.jpg");
}

// Ordenadas de Origen
orig_x = this._x;
orig_y = this._y;

// Profundidad Asignada
profundidad = 640; // No olviden ajustar el valor

// Ajustamos su posición Z en la escena
this.swapDepths( profundidad );

ancho = cont_img._width / 2;

cont_img.onEnterFrame = function(){
// Obtenemos la ordenada X de destino
   dest_x = ( ( ( ancho - _root._xmouse ) / ancho ) * profundidad ) + orig_x;
// Obtenemos el incremento de movimiento en X
   incr_x = ( dest_x - this._x ) / 10;
// Ajustamos la posición en X
   this._x += incr_x;
}


Está funcionando el tema del movimiento inverso, pero que ocurre, si pongo el cont_img (contenedor donde están los thumb), solo me permite moverme dentro del espacio del cont_img en si. osea, no veo todo el contenido generado por mi for (para los thumb).

Despues el otro problema que tendré es tratar de ponerle un limite al movimiento, sino se perdería el mc (ya sea del lado izquierdo o el lado derecho). pero vamos por partes mejor :D

Saludos

Por lickybuay

26 de clabLevel



Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 03 Ago 2008 11:29 pm
Lo que debes hacer es dentro del onEnterFrame mover todas los thumbs en un igual valor:

Código :

cont_img.onEnterFrame = function(){

    var valX:Number = Stage.width - this._xmouse;
    
    for (var i=0; i<10; i++) {

        this["img_" + i]._x += valX / 10;

    }

}

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.