Snelle tip eenvoudige vormcreatie met UniqueShape

In deze snelle tip introduceer ik u een bibliotheek met de naam UniqueShape waarmee u veelgebruikte vormen kunt maken met ActionScript 3.


Eindresultaat voorbeeld

Laten we eens kijken naar het eindresultaat waar we naartoe zullen werken:

Elk van deze vectorvormen is gemaakt met een eenvoudig fragment van ActionScript, zoals het volgende:

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

Stap 1: Kort overzicht

Met behulp van een klasse van derden genaamd UniqueShape, zullen we verschillende soorten algemene vormen maken. U kunt de bron van de klas downloaden van de site van de ontwikkelaar.


Stap 2: Stel uw Flash-bestand in

Start Flash en maak een nieuw Flash-document; stel de stage in op 470x300 px en de framesnelheid op 24 fps.


Stap 3: ActionScript

De vormen worden gemaakt met behulp van ActionScript.

Maak een nieuwe ActionScript-klasse (Cmd + N), sla het bestand op als Main.as en schrijf de volgende regels, lees de opmerkingen in de code om het gedrag van de klas volledig te begrijpen.

 pakket import flash.display.Sprite; / * Importeer de Shapes-bronklassen * / import whirlpower.uniqueshape.SingleShape; import whirlpower.uniqueshape.items.primitive. *; import flash.display.Shape; openbare slotklasse Hoofd breidt uit openbaar laatste functie Main (): void / * Heart * / var heart: Shape = new SingleShape (new Hart ()); heart.x = heart.width * 0.5 + 30; heart.y = stage.stageHeight * 0.5; addChild (hart); / * Club * / var club: Shape = nieuwe SingleShape (nieuwe Clover ()); club.x = club.width + 80; club.y = stage.stageHeight * 0.5; addChild (club); / * Cross * / var cross: Shape = new SingleShape (nieuw Cross ()); cross.x = cross.width + 170; cross.y = stage.stageHeight * 0.5; addChild (kruis); / * Diamond * / var-diamant: Shape = nieuwe Single Shape (nieuwe Dire ()); diamond.x = diamond.width + 260; diamond.y = stage.stageHeight * 0.5; addChild (diamant); / * Druppel * / var water: Shape = nieuwe SingleShape (nieuw Water ()); water.x = water.breedte + 350; water.y = stage.stageHeight * 0.5; addChild (water); 

Zoals u kunt zien, is de creatie vrij eenvoudig, een exemplaar wordt gemaakt met behulp van de SingleShape klasse en de klasse die overeenkomt met de werkelijke vorm, en dan wordt deze eenvoudig aan het podium toegevoegd zoals elk weergaveobject.

Neem een ​​kijkje in de \ Whirlpower \ uniqueshape \ items \ primitief \ map om te zien welke andere vormen beschikbaar zijn.


Stap 4: Documentklasse

Voeg de klassenaam toe aan de Klasse veld in de Publiceren deel van de eigenschappen panel om de FLA te koppelen aan de hoofddocumentklasse.


Conclusie

Dat is het! Experimenteer met deze les en maak plezier met de 18 meegeleverde vormen!

Ik hoop dat je deze Quick Tip leuk vond, bedankt voor het lezen!