Flash CS3 joonise API, ActionScript 3, kuju klass

• Aprill 16, 2024

Üks minu lemmik asju, mida Flashis teha tuleb, on lavale joonistamine. Kuid ma ei räägi joonistamisest Flashi joonistusriistadega, näiteks ristküliku või ovaalse tööriistaga. Selles õpetuses õpime põhijooned joonistamiseks ActionScript 3 ja joonise API abil.

Kõhklen oma algaja õppematerjalides OOP programmeerimisest ja tundidest liiga palju, sest see muudab asja lihtsalt keerukamaks. Kuid see õpetus on erand. See sobib suurepäraselt OOP-tundide põhikontseptsiooni tutvustamiseks. ActionScripti OOP-klass on lihtsalt sisseehitatud hunnik teavet, mida nimetatakse atribuutideks ja meetoditeks. See eelehitatud teave säästab programmeerijat Actionscripti kodeerimisel palju aega, kuna seda teavet ei ole vaja ümber kirjutada igas programmis, mis nõuab kindla klassi kasutamist.

Selles õpetuses kasutame lavale lihtsa ringi joonistamiseks klassi Shape, selle eelnevalt määratletud graafika atribuuti ja mitmeid selle meetodeid.

Graafika atribuut
lineStyle meetod
beginFill meetod
drawCircle meetod
endFill () meetod

Meie esimene samm on luua toimingute kiht ajajoonel, klõpsata raamil 1 ja avada toimingute paneel (aken - toimingud). Meie esimene koodirida loob uue muutuja, mis hoiab ringi.

var myCircle: Kuju = uus kuju ();

Ülaltoodud koodis loome uue muutuja ja nimetame seda "myCircle". Valime selle uue muutuja andmetüübiks väärtuse Kuju. Teisest küljest kasutame uus märksõna, et luua uus kuju klassist.

Kui olete kasutanud Flashi joonistusriistu, siis teate, et kuval on nii löök kui ka täide. Kui kasutate Shape klassi joonistamiseks, on teil ka Stroke and Fill. Järgmistel paaril koodireal määratleme meie myCircle'i käigu ja täitmise.

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

Ülaltoodud koodis määrame Stroke'i väärtused graafika atribuudi lineStyle meetodil. Seadistame löögi laiuse väärtuse pikslites ja löögi värvi heksadesimaalväärtusega. Ülalpool oleme seadnud oma ringi löögil laiuseks 2 pikslit ja musta värvi.

Järgmisena täidame ringi. Jällegi kasutame atribuuti Graafika ja selle algtäite meetodit. Kaks väärtust, mida saame kontrollida ringi täitmiseks, on värv ja alfa. Vajalik on värvi väärtuse määramine ja kui te seda ei tee, läheb Flash väga pahaseks. Kuid alfa väärtuse määramine on valikuline. Valime Tähe meie ringil punaseks. Jällegi kasutame kuueteistkümnendarvu.

myCircle.graphics.beginFill (0xff0000);

OK, nüüd peame Flashile ütlema, kuhu lavale ring joonistada. Nagu arvata võiks, peate määrama X- ja Y-telje ning ringi raadiuse väärtuse. Teeme seda joonistusringi meetodiga, mis on osa graafikast.

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

Sellel koodireal käsitatakse Flastil tõmmata meie ring 100 pikslit lava vasakust ülanurgast piki X-telge ja 200 pikslit Y-telje suunas. Meie ringi raadius on 50. Nende väärtuste määramisel hoolitsege järjekorra eest, milles need koodis loetlete. Teie esimene väärtus on X-telje ja teine ​​väärtus Y-telje jaoks. Kolmas on raadiuse jaoks. Kui annate Flashile need väärtused korrast ära, saate ootamatuid tulemusi.

Lõpuks peame lisama oma ringi laste kuvamisobjektina kuvamisloendisse.

addChild (myCircle);

Oh, ma jätsin meie ühe rea koodi! Ehkki meie kood töötab nagu praegu, jätsime välja meetodi endFill (), mis joonistamise "sulgeb". See pole tegelikult vajalik, kuna endFill () kutsutakse automaatselt. Kuid hea tava on lisada see oma koodile vahetult enne lisarakendust addChild ().

myCircle.graphics.endFill ();

Siin on täielik kood.

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. 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 and Flash Paper on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: How to do easy Animation in animation on Flash CS3 Pro (Aprill 2024).