Flash CS3 rajzoló API, ActionScript 3, alak osztály

• Lehet 13, 2024

Az egyik kedvenc dolgom a Flash-en, hogy rajzolj a színpadra. De nem a Flash rajzoló eszközökkel, például a Téglalap vagy az Ovális eszközről történő rajzról beszélek. Ebben az oktatóanyagban megtanuljuk a rajz alapjait az ActionScript 3 és a Drawing API segítségével.

Túl sokat beszélek a kezdő oktatóimban az OOP programozásáról és az osztályokról, mert ez csak bonyolultabbá teszi a dolgokat. De ez az útmutató kivétel. Ideális az OOP osztályok alapfogalmának bemutatására. A ActionScript OOP osztálya csak egy előre elkészített információcsomag, amelyet tulajdonságoknak és módszereknek neveznek. Ez az előre beépített információ sok időt takarít meg a programozó számára az ActionScript kódolásakor, mivel nem szükséges ezeket az információkat újraírni minden olyan programban, amely egy adott osztály használatát kéri.

Ebben az oktatóanyagban a Shape osztályt, az előre definiált Grafikai tulajdonságot és számos módszerét használjuk egy egyszerű kör rajzolására a színpadon.

Grafika tulajdonság
lineStyle módszer
beginFill módszer
drawCircle módszer
endFill () módszer

Első lépésünk: hozzon létre egy Műveleti réteget az Idővonalon, kattintson az 1. keretre, és nyissa meg a Műveletek panelt (Ablak - Műveletek). Az első kódsor egy új változót hoz létre, amely a kört fogja tartani.

var myCircle: Shape = new Shape ();

A fenti kódban új változót hozunk létre, amelyet "myCircle" -nek nevezünk. Az új változó adattípusát a következőre állítjuk Alak. A másik oldalon a új kulcsszóval, hogy létrehozza a Shape osztály új példányát.

Ha használta a Flash rajzeszközöket, akkor tudja, hogy az alaknak egyaránt van Stroke és Fill értéke. Ha a Shape osztályt használja a rajzoláshoz, akkor van egy Stroke and Fill is. A következő néhány sorban meghatározzuk a stroke-ot és a kitöltést a myCircle-nak.

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

A fenti kódban az Stroke értékeket a Grafika tulajdonság lineStyle módszerével állítjuk be. A stroke érték szélességét pixelben és a stroke színét hexadecimális értékkel állítjuk be. A fentiekben körünk körvonalát 2 pixel szélességre és fekete színre állítottuk.

Ezután kitölti a kört. Megint a Graphics tulajdonságot és annak kezdőbetöltési módszerét fogjuk használni. A kör kitöltésének ellenőrzésére szolgáló két érték a szín és az alfa. Fontos, hogy állítson be egy értéket a színre, és ha nem, akkor a Flash nagyon ideges lesz. Az alfa érték beállítása azonban nem kötelező. Állítsuk pirosra a kör kitöltését. Megint a hexadecimális értéket használjuk.

myCircle.graphics.beginFill (0xff0000);

Rendben, most meg kell mondanunk a Flash-nek, hogy fel kell húzni a kört a színpadon. Mint várható lenne, be kell állítania egy értéket az X és Y tengelyekre és a kör sugarara. Ezt a drawCircle módszerrel fogjuk megtenni, amely a Grafika tulajdonság része.

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

Ebben a kódsorban azt mondjuk a Flash-nek, hogy húzza körünkbe 100 pixelt a színpad bal felső sarkából az X tengely mentén és 200 pixelt az Y tengely mentén. Körünk sugara 50 lesz. Amikor ezeket az értékeket állítja be, vigyázzon a sorrendre, ahogyan felsorolja őket a kódban. Az első érték az X tengelyre vonatkozik, a második érték az Y tengelyre. A harmadik a sugara. Ha a Flash-nek ezeket az értékeket rendetlennek adja, váratlan eredményeket fog kapni.

Végül hozzá kell adnunk a körünket gyermek megjelenítési objektumként a megjelenítési listához.

addChild (myCircle);

Ó, elhagytam az egyik kódkódot! Bár a kód működik, ahogy van, kihagytuk az endFill () metódust, amely "bezárja" a rajz folyamatát. Erre nincs szükség, mivel az endFill () automatikusan meghívásra kerül. Jó gyakorlat azonban hozzáadni a kódhoz közvetlenül az addChild () előtt.

myCircle.graphics.endFill ();

Itt van a teljes kód.

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst és Flash Paper vagy bejegyzett védjegy (ek) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.