Home » Básico »Efectos » Currently Reading:

Clip que se dirija al click del mouse

noviembre 3, 2006 Básico, Efectos 3 Comments
Clip que se dirija al click del mouse

Este es un sencillo ejemplo de movimiento de clips. Consiste en mover un MovieClip hacia el punto donde hemos clicado con el mouse.

Para realizar este efecto utilizaremos la clase Tween, que nos permite mover un MovieClip de un punto a otro (como si de una interpolación de movimiento se tratara). Indicaremos como punto inicial la posición actualdel clip, y como posición final la posición del mouse una vez realizado el click.

Primero de todo crearemos el objeto detector (listener) que nos detectará los click realizados y calculará la posición actual del clip y la posición del mouse en el momento del click. Este es el código:

  1. var raton:Object = new Object();
  2. raton.onMouseDown = function() {
  3.     var x1:Number = bola._x;
  4.     var y1:Number = bola._y;
  5.     var x2:Number = _xmouse;
  6.     var y2:Number = _ymouse;
  7. };
  8. Mouse.addListener(raton);

Ahora añadiremos dos instancias de la clase Tween para mover el clip “bola” del punto (x1,y1) al punto (x2,y2)

  1. import mx.transitions.Tween;
  2. import mx.transitions.easing.*;
  3. var raton:Object = new Object();
  4. raton.onMouseDown = function() {
  5.     var x1:Number = bola._x;
  6.     var y1:Number = bola._y;
  7.     var x2:Number = _xmouse;
  8.     var y2:Number = _ymouse;
  9.     new Tween(bola, "_x", Strong.easeInOut, x1, x2, 1, true);
  10.     new Tween(bola, "_y", Strong.easeInOut, y1, y2, 1, true);
  11. };
  12. Mouse.addListener(raton);

Los parametros que hemos utilizado para el movimiento son “Strong.easeInOut” con lo que añadimos aceleración al principio y al final del movimiento. Y un tiempo de 1 segundo de duración.

Este sería el efecto:

Compártelo:

Clip que se dirija al click del mouse
Visto 13.856 veces

Currently there are "3 comments" on this Article:

  1. Hola, bueno. Yo necesito algo que esta relacionado con esto….Es para un tipo de “”sideshow”” en flash , obvio. Osea, van a pasar unas imagenes, pero el tema seria asi:

    la pelicula ponele q tenga unos 600 x 300, entonces, la imagen tiene mas ponele , 700 x 600..entonces mientras no esta el mouse arriba de la galeria o de la imagen, la imgen se va moviendo despacio para los costado, osea untipo de random….arriba , abajo, derecha izquireda…y cuando el mouse se pasa por arriba de la imagen que la imagen valla para donde el mouse esta, por ejemplo: el mouse esta en la parte sueprior del swf, entonces la imagen tiene a ser atreaida, entonces la imgen lentamente cambia su rumbo hasta donde es el mouse……algo asi http://www.mundoserenito.com (ese ya se como se hace, pero necesito saber como hacer q cuando el mouse no este arriba del swf se mueva solo). Gracias, gaston@zapping.com.uy

  2. Leopoldo dice:

    El ejemplo es exelente pero necesito una ayuda en detener una pelicula con el mause,osea cuando paso el cursor en una imagen en movimiento se detenga la imagen

  3. alan dice:

    necesito codigos de mouse move

Comment on this Article:








Twitter: zguillez

AdvertisementAdvertisementAdvertisementAdvertisement

Recibe las novedades por email



Map

Ranking

Codigoactionscript.org: 4.65 sobre 5 (106 valoraciones)

twitter-widget.com