Seguir el puntero del ratón en Actionscript 3.0

Seguir el puntero del ratón en Actionscript 3.0

Etiquetas: MouseEvent MOUSE_MOVE Point localToGlobal mouseX mouseY

Imagen en reemplazo de flash

Este tutorial es muy sencillo, pero cuando empecé a aprender flash hace 5 o 6 años, estaban "de moda" los tutoriales de este tipo.

Se solía hacer para que una serie de letras siguieran al puntero, con diferentes movimientos y tipos de easing. Para crear un elemento que siga al puntero, sólo hay que seguir los siguientes pasos:

1/ Creamos el Símbolo (en este caso una mosca) y lo linkamos a una clase (en este caso "Seguidor")

2/En la clase Seguidor, añadimos un evento que detecte el movimiento del ratón:

  1.  
  2. stage.addEventListener(MouseEvent.MOUSE_MOVE,mover);
  3.  

3/En la función mover, recogemos las coordenadas del ratón (que son las locales del objeto) y las convertimos en globales:

  1.  
  2. var punto:Point = localToGlobal(new Point(mouseX,mouseY));
  3.  

4/Colocamos el objeto en el nuevo punto:

  1.  
  2. x = punto.x;
  3. y = punto.y;
  4.  

  1. package{
  2.  
  3. 	import flash.display.Sprite;
  4. 	import flash.events.MouseEvent;
  5. 	import flash.geom.Point;
  6.  
  7. 	public class Seguidor extends Sprite{
  8.  
  9. 		public function Seguidor():void{
  10.  
  11. 			stage.addEventListener(MouseEvent.MOUSE_MOVE,mover);
  12.  
  13. 		}
  14.  
  15. 		public function mover(e:MouseEvent):void{
  16. 			var punto:Point = localToGlobal(new Point(mouseX,mouseY));
  17. 			x = punto.x;
  18. 			y = punto.y;;
  19. 		}
  20.  
  21. 	}
  22.  
  23. }
Comentarios
    • Autor
    • yense
    hola bueno estoy recien dentrando al ambito del flash 3.0 pero de las cuales no tengo muchas ideas del 2.0 me refiero al Actionscript. bueno no se si puderas postear los .fla de tus ejemplos eso me ahira mucho bien a mi bueno gracias de todos modos por este ejemplo
    • Autor
    • Manolo
    Como se linka la imagen de la mosca con la clase seguidor???
    • Autor
    • bg16
    oye ya lo intente pero no se puede me dice que no se esperaba package
    • Autor
    • bg16
    ademas ese codigo es muy largo estan otros mas mucho mas cortos y funcionan =
    • Autor
    • andresxx1
    Pues a mi me parece muy bueno, saludos y gracias por el aporte :D
    • Autor
    • esedeerre

    @bg16:

    El código que ves más arriba es de una clase. Seguramente lo estás poniendo en linea de tiempo y por eso te dá ese error. Dudo que puedas hacer lo mismo, utilizando una clase en AS3, con menos código.

    @andresxx1:

    Gracias por tu comentario

    • Autor
    • Abel
    Man la verdad todo lo que has expuesto esta muy bueno pero en este caso particular para los que no sabemos mucho de AS nos quedamos en cero, no se si puedas subir un ejemplo para descargar y asi familiarizarnos un poco mejor con los conceptos.
    • Autor
    • Ariell1
    donde puedo encontrar: cómo se hace y como funciona una class? gracias
    • Autor
    • esedeerre

    @Ariell1:

    Puedes encontrar un par de artículos sobre creación de clases en AS3 aqui:

    http://www.esedeerre.com/portada/09/flash-ejemplos-y-tutoriales-de-actionscript-3.0-basico

    • Autor
    • Enrique
    Manolo: El codigo lo pones en un documento "Seguidor.as" En tu documento fla que tienes el clip de pelicula con cualquier nombre (no necesita tampoco nombre de instancia) haz click derecho en ese simbolo clip de la libreria y escoge "vinculacion...", luego activa "Exportar para actionScript" y escribe en Clase: Seguidor Guarda el documento en la misma carpeta del archivo Seguidor.as (este contiene todo el codigo que nos dio esedeerre.com) y ya pulsa control + Enter
    • Autor
    • joel rodriguez
    porque no pones el archivo .fla? quines apenas empezamos tu ejemplo no nos sirve de mucho porque ni siquiera sabemos como implementarlo hay varias preguntas al aire, claro que con el archivo es mas facil ver donde pones el codigo y los objetos que usas, gracias espero puedas complementar bien tu informacion.
    • Autor
    • Yumi
    No me Salio =(
    • Autor
    • Juan
    a mi me aparece q los paquetes no se pueden añadir, eso xq es?
Dejar un comentario
Tu nombre (obligatorio):

E-mail (obligatorio, no se mostrará):

Web:

Comentario: