Flash CS3 Tegning API, ActionScript 3, Shape Class

• Kan 3, 2024

En af mine foretrukne ting at gøre i Flash er at trække på scenen. Men jeg taler ikke om tegning med Flash-tegneværktøjer som rektangel eller ovalt værktøj. I denne tutorial lærer vi det grundlæggende for tegning med ActionScript 3 og Tegning API.

Jeg tøver med at tale for meget om OOP-programmering og klasser i min begynders tutorials, fordi det bare gør tingene mere komplicerede. Men denne tutorial er en undtagelse. Det er perfekt til introduktion af det grundlæggende koncept med OOP-klasser. En OOP-klasse i ActionScript er bare en forudbygget bunke information, kaldet egenskaber og metoder. Denne forudbyggede information sparer programmereren meget tid, når man koder til ActionScript, fordi det ikke er nødvendigt at omskrive disse oplysninger i hvert program, der kræver brug af en bestemt klasse.

I denne tutorial bruger vi formklassen, dens foruddefinerede grafikegenskab og flere af dens metoder til at tegne en enkel cirkel på scenen.

Grafik egenskab
lineStyle-metode
startFill-metode
drawCircle-metode
endFill () -metoden

Vores første trin er at oprette et handlinglag på tidslinjen, klikke på ramme 1 og åbne panelet Handlinger (Vindue - handlinger). Vores første kodelinie opretter en ny variabel, der holder cirklen.

var myCircle: Shape = new Shape ();

I ovenstående kode opretter vi en ny variabel og kalder den "myCircle". Vi indstiller datatypen for denne nye variabel til Form. På den anden side bruger vi ny nøgleord for at oprette en ny forekomst af formklassen.

Hvis du har brugt Flash-tegneværktøjer, ved du, at en form har både en streg og en udfyldning. Når du bruger formen klassen til at tegne, har du også en streg og udfyldning. I de næste par kodelinjer definerer vi Stroke and Fill til vores myCircle.

myCircle.graphics.lineStyle (2, 0x000000);

I koden ovenfor indstiller vi stregværdierne med linestilen-metoden for egenskaben Grafik. Vi indstiller værdien for bredden af ​​streget i pixels og farven på streget med en hexadecimal værdi. Ovenfor har vi indstillet streken for vores cirkel til en bredde på 2 pixels og en farve på sort.

Dernæst udfylder vi cirklen. Igen vil vi bruge egenskaben Grafik og dens beginFill-metode. De to værdier, som vi kan kontrollere for udfyldning af cirklen, er farven og alfa. Det kræves, at du indstiller en værdi for farven, og hvis du ikke gør det, bliver Flash meget forstyrret. Men det er valgfrit at indstille alfaværdien. Lad os indstille udfyldningen for vores cirkel til rød. Igen bruger vi det hexadecimale.

myCircle.graphics.beginFill (0xff0000);

OK, nu skal vi fortælle Flash, hvor vi skal tegne cirklen på scenen. Som du ville forvente, skal du indstille en værdi for X- og Y-akserne og cirkelens radius. Vi gør dette med drawCircle-metoden, som er en del af egenskaben Grafik.

myCircle.graphics.drawCircle (100, 200, 50);

I denne kodelinie fortæller vi Flash at tegne vores cirkel 100 pixels fra øverste venstre hjørne af scenen langs X-aksen og 200 pixels langs Y-aksen. Vores cirkel har en radius på 50. Når du indstiller disse værdier, skal du passe på den rækkefølge, du viser dem i koden. Din første værdi er for X-aksen, og den anden værdi er for Y-aksen. Den tredje er for radius. Hvis du giver Flash disse værdier ude af drift, får du nogle uventede resultater.

Endelig skal vi tilføje vores cirkel som et barnevisningsobjekt til visningslisten.

addChild (myCircle);

Åh, jeg forlod vores ene kodelinje! Selvom vores kode fungerer som den er, har vi udeladt metoden endFill (), der "lukker" tegningsprocessen. Dette er ikke rigtig nødvendigt, fordi endFill () kaldes automatisk. Men det er god praksis at tilføje den til din kode lige før addChild ().

myCircle.graphics.endFill ();

Her er den komplette kode.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Flash CS4 - Basic tutorial for idiots Flash cs4 (Kan 2024).