Snabbtips Enkel formskapning med UniqueShape

I denna snabba tips introducerar jag dig till ett bibliotek som heter UniqueShape som hjälper dig att skapa vanliga former med ActionScript 3.


Slutresultatförhandsvisning

Låt oss ta en titt på det slutliga resultatet vi ska arbeta för:

Vart och ett av dessa vektorformer skapades med en enkel del av ActionScript, som så:

 var cross: Shape = new SingleShape (nytt kors ());

Steg 1: Kortfattad översikt

Genom att använda en tredjepartsklass som heter UniqueShape, skapar vi olika typer av vanliga former. Du kan ladda ner källan till klassen från utvecklarens webbplats.


Steg 2: Ställ in din Flash-fil

Starta Flash och skapa ett nytt Flash-dokument; Ställ in scenstorleken till 470x300px och bildhastigheten till 24fps.


Steg 3: ActionScript

Formerna skapas med hjälp av ActionScript.

Skapa en ny ActionScript-klass (Cmd + N), spara filen som Main.as och skriv följande rader, läs kommentarerna i koden för att förstå klassens beteende.

 paket import flash.display.Sprite; / * Importera bildkällarklasserna * / import whirlpower.uniqueshape.SingleShape; importera whirlpower.uniqueshape.items.primitive. *; importera flash.display.Shape; offentliga slutklassen Huvudet sträcker sig Sprite public final function Main (): void / * Hjärta * / var hjärta: Shape = new SingleShape (new Hart ()); heart.x = heart.width * 0,5 + 30; heart.y = stadium.stageHeight * 0,5; addChild (hjärta); / * Club * / var klubb: Shape = new SingleShape (new Clover ()); club.x = club.width + 80; club.y = stage.stageHeight * 0,5; addChild (klubb); / * Cross * / var cross: Shape = new SingleShape (nytt kors ()); cross.x = cross.width + 170; cross.y = stage.stageHeight * 0,5; addChild (kors); / * Diamant * / Var Diamant: Form = Ny SingleShape (Ny Dire ()); diamond.x = diamond.width + 260; diamond.y = stage.stageHeight * 0,5; addChild (diamant); / * Dropp * / var vatten: Form = Ny SingleShape (nytt vatten ()); water.x = water.width + 350; water.y = stadium.stageHeight * 0.5; addChild (vatten); 

Som du kan se är skapandet ganska enkelt, en instans skapas med hjälp av SingleShape klassen och klassen som motsvarar den aktuella formen, och sedan läggs det enkelt till scenen som något visningsobjekt.

Ta en titt i \ Whirlpower \ uniqueshape \ poster \ primitiva \ mapp för att se vilka andra former som finns tillgängliga.


Steg 4: Dokumentklass

Lägg till klassnamnet till Klass fält i Publicera del av Egenskaper panel för att associera FLA med huvuddokumentklassen.


Slutsats

Det är allt! Experiment med denna klass och ha kul med de 18 formerna som ingår!

Jag hoppas att du gillade den här snabba tipsen, tack för att du läste!