Suggerimento rapido creare una traccia del cursore del mouse Jazzy

In questo suggerimento rapido imparerai come utilizzare le funzioni matematiche in Flash per creare scia di clip filmato lungo il percorso che il cursore del mouse prende.

Imparerai anche le basi delle funzioni matematiche, come la dimensione, l'alfa e il colore del filmato - e tutto ciò usando AS3. Spero che questo utile suggerimento sia utile!


Anteprima del risultato finale

Diamo un'occhiata al risultato finale su cui lavoreremo:


Passaggio 1: crea il filmato

Innanzitutto, apri un nuovo file Flash (Ctrl + N) e scegli "ActionScript 3.0". Dobbiamo creare il filmato che duplicherà intorno alla scena. Quindi vai a Inserisci> Nuovo simbolo (Ctrl + F8). Chiama questo simbolo: "Inchiostro", scegli Movie Clip e infine controlla la casella "Esporta per Actionscript".


Passaggio 2: aggiunta dell'inchiostro

Ora dobbiamo creare l'inchiostro nel filmato. Quindi, vai al primo fotogramma, prendi lo strumento Pennello (B) e disegna un cerchio, quindi allinalo al centro. Fai gli stessi passi su altri tre fotogrammi e varia il colore in ogni fotogramma (primo fotogramma: rosso, secondo fotogramma: blu, terzo fotogramma: giallo, ecc.). Su ciascun fotogramma, apri il pannello Azioni (fai clic su F9) e aggiungi l'azione di arresto: Stop();


Passaggio 3: organizzazione del progetto

Salva questo file in una cartella sul tuo computer, chiamalo: "MathFunctions_Tutorial.fla". Crea un nuovo file ActionScript e salvalo nella stessa cartella, assegna un nome a "MathFunctions_Flash.as". Infine, vai alle Proprietà di MathFunctions_Tutorial.fla e cambia il Classe campo per il File Actionscript.

Se non hai molta familiarità con l'uso delle classi, ti consiglio di leggere questo suggerimento rapido.


Passaggio 4: iniziamo la codifica!

Apri il file "MathFunctions_Flash.as" e scrivi il seguente codice:

 package import flash.display.MovieClip; import flash.events. *; public class MathFunctions_Flash estende MovieClip 

In questa azione stiamo definendo la Classe e le sue proprietà.

Ora dobbiamo dire a Flash che quando si muove il mouse, la funzione chiama stageMouseMove () dovrebbe essere chiamato. Per fare ciò, scrivi quanto segue:

 funzione pubblica MathFunctions_Flash () stage.addEventListener (MouseEvent.MOUSE_MOVE, stageMouseMove); 

Dopodiché, dobbiamo definire questa funzione e collegare il Movie Clip chiamato "Ink" ad ActionScript.

 public function stageMouseMove (event: MouseEvent): void var ink: Ink = new Ink ();

Ora stiamo per aggiungere le azioni alla variabile e la funzione chiamata stageMouseMove (). E qui ci sono le magiche funzioni matematiche.

OK, sulle funzioni matematiche ci sono un sacco di cose che rendono la magia. Qui ti lascio una piccola formula:

 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 (inchiostro); 

Per ulteriori dettagli su questa formula, vedere Ottenere un numero casuale all'interno di un intervallo specificato utilizzando AS3.

E questo è tutto!


Conclusione

Spero che questo Quick Tip ti sia piaciuto, grazie per la lettura!