Suggerimento rapido creazione di forme semplici con UniqueShape

In questo suggerimento rapido, ti presenterò una libreria chiamata UniqueShape che ti aiuterà a creare forme comuni usando ActionScript 3.


Anteprima del risultato finale

Diamo un'occhiata al risultato finale su cui lavoreremo:

Ognuna di queste forme vettoriali è stata creata con un semplice snippet di ActionScript, in questo modo:

 var cross: Shape = new SingleShape (new Cross ());

Passaggio 1: breve panoramica

Usando una classe di terze parti chiamata UniqueShape, creeremo diversi tipi di forme comuni. Puoi scaricare l'origine della classe dal sito dello sviluppatore.


Passaggio 2: impostare il file Flash

Avvia Flash e crea un nuovo documento Flash; imposta la dimensione dello stage su 470x300px e la frequenza fotogrammi su 24 fps.


Passaggio 3: ActionScript

Le forme sono create usando ActionScript.

Creare una nuova classe ActionScript (Cmd + N), salvare il file come Main.as e scrivi le seguenti righe, leggi i commenti nel codice per comprendere appieno il comportamento della classe.

 pacchetto import flash.display.Sprite; / * Importa le classi di origine forme * / import whirlpower.uniqueshape.SingleShape; import whirlpower.uniqueshape.items.primitive. *; import flash.display.Shape; public final class Main extends Sprite funzione public final Main (): void / * Heart * / var heart: Shape = new SingleShape (new Hart ()); heart.x = heart.width * 0.5 + 30; heart.y = stage.stageHeight * 0.5; addChild (cuore); / * Club * / var club: Shape = new SingleShape (new Clover ()); club.x = club.width + 80; club.y = stage.stageHeight * 0.5; addChild (club); / * Cross * / var cross: Shape = new SingleShape (new Cross ()); cross.x = cross.width + 170; cross.y = stage.stageHeight * 0.5; addChild (cross); / * Diamante * / var diamond: Shape = new SingleShape (new Dire ()); diamond.x = diamond.width + 260; diamond.y = stage.stageHeight * 0.5; addChild (diamante); / * Droplet * / var water: Shape = new SingleShape (new Water ()); water.x = water.width + 350; water.y = stage.stageHeight * 0.5; addChild (acqua); 

Come puoi vedere, la creazione è abbastanza semplice, un'istanza viene creata usando il SingleShape classe e classe corrispondente alla forma attuale, quindi viene semplicemente aggiunta allo stage come qualsiasi oggetto di visualizzazione.

Dai un'occhiata al \ Whirlpower \ uniqueshape \ articoli \ primitiva \ cartella per vedere quali altre forme sono disponibili.


Passaggio 4: Classe documento

Aggiungi il nome della classe al Classe campo nel Pubblicare sezione del Proprietà pannello per associare il FLA alla classe del documento principale.


Conclusione

Questo è tutto! Sperimenta questa classe e divertiti con le 18 forme incluse!

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