Sugerencia rápida crear un rastro de cursor de ratón Jazzy

En esta Sugerencia rápida aprenderá a usar las funciones matemáticas en Flash para crear pistas de clips de película a lo largo de la ruta que tome el cursor del mouse.

También aprenderá los conceptos básicos de las funciones matemáticas, como la variación del tamaño, alfa y color del clip de película, y todo esto utilizando AS3. Espero que encuentre útil este Consejo rápido!


Vista previa del resultado final

Echemos un vistazo al resultado final en el que trabajaremos:


Paso 1: Hacer el clip de película

Primero, abra un nuevo archivo Flash (Ctrl + N) y elija "ActionScript 3.0". Tenemos que crear el Clip de película que se duplicará alrededor de la escena. Así que vaya a Insertar> Nuevo símbolo (Ctrl + F8). Llame a este símbolo: "Tinta", elija Clip de película y finalmente marque la casilla "Exportar para Actionscript".


Paso 2: Añadiendo la "Tinta"

Ahora tenemos que crear la tinta en el Clip de Película. Entonces, vaya al primer cuadro, tome la herramienta Pincel (B) y dibuje un círculo, luego alinéelo con el centro. Realice los mismos pasos en tres cuadros más y varíe el color en cada cuadro (primer Cuadro: Rojo, segundo Cuadro: Azul, tercer Cuadro: Amarillo, etc. En cada cuadro, abra el panel Acciones (presione F9) y agregue la acción de detener: detener();


Paso 3: Organizar el proyecto

Guarde este archivo en una carpeta de su computadora, llámelo: "MathFunctions_Tutorial.fla". Cree un nuevo archivo ActionScript y guárdelo en la misma carpeta, asígnele el nombre "MathFunctions_Flash.as". Finalmente, vaya a las Propiedades de MathFunctions_Tutorial.fla y cambie el Clase campo para el Archivo Actionscript.

Si no está familiarizado con el uso de clases, le recomiendo que lea este Consejo rápido..


Paso 4: Comencemos a codificar!

Abra el archivo llamado "MathFunctions_Flash.as" y escriba el siguiente código:

 paquete import flash.display.MovieClip; importar flash.events. *; La clase pública MathFunctions_Flash extiende MovieClip 

En esta acción estamos definiendo la Clase y sus propiedades..

Ahora tenemos que decirle a Flash que cuando el mouse se mueve, la función llamada stageMouseMove () debe ser llamado. Para hacer esto, simplemente escriba lo siguiente:

 función pública MathFunctions_Flash () stage.addEventListener (MouseEvent.MOUSE_MOVE, stageMouseMove); 

Después de eso, tenemos que definir esta función y vincular el Clip de película llamado "Tinta" al ActionScript.

 función pública stageMouseMove (evento: MouseEvent): void var ink: Ink = new Ink ();

Ahora vamos a agregar las acciones a la variable y la función llamada stageMouseMove (). Y aquí están las funciones mágicas de matemáticas..

De acuerdo, en las funciones matemáticas hay muchas cosas que hacen la magia. Aquí os dejo una pequeña fórmula:

 ink.x = stage.mouseX; ink.y = stage.mouseY; ink.gotoAndStop (Math.ceil (Math.random () * 5)); ink.scaleX = ink.scaleY = Math.random () * 1; ink.alpha = Math.random () * 10; stage.addChild (tinta); 

Para obtener más detalles sobre esta fórmula, consulte Obtener un número aleatorio dentro de un rango especificado usando AS3.

Y eso es todo!


Conclusión

Espero que te haya gustado este Consejo rápido, gracias por leer.!