API de desen Flash CS3, ActionScript 3, Clasa de formă

• Mai 17, 2024

Unul dintre lucrurile mele preferate în Flash este să mă atrag pe scenă. Dar nu vorbesc despre desen cu instrumentele de desen Flash, cum ar fi instrumentul Rectangle sau Oval. În acest tutorial, vom învăța elementele de bază pentru desen cu ActionScript 3 și Designul API.

Ezit să vorbesc prea mult despre programarea OOP și despre cursurile din tutorialele pentru începători pentru că doar lucrurile sunt mai complicate. Dar acest tutorial este o excepție. Este perfect pentru a introduce conceptul de bază al claselor OOP. O clasă OOP din ActionScript este doar o mulțime de informații pre-construite, numite proprietăți și metode. Aceste informații preconstruite economisesc mult programatorul atunci când codifică ActionScript deoarece nu este necesar să rescrieți aceste informații în fiecare program care solicită utilizarea unei clase specifice.

În acest tutorial, vom folosi clasa Shape, proprietatea sa grafică predefinită și câteva dintre metodele sale pentru a desena un cerc simplu pe scenă.

Proprietatea grafică
metoda lineStyle
Metoda beginFill
Metoda drawCircle
metoda endFill ()

Primul nostru pas este să creăm un strat Acțiuni în Cronologie, să facem clic pe Frama 1 și să deschidem panoul Acțiuni (Fereastră - Acțiuni) Prima noastră linie de cod va crea o nouă variabilă care va ține cercul.

var myCircle: Shape = new Shape ();

În codul de mai sus, creăm o nouă variabilă și o denumim „myCircle”. Setăm tipul de date pentru această nouă variabilă la Formă. Pe de altă parte, folosim funcția nou cuvânt cheie pentru a crea o nouă instanță a clasei Shape.

Dacă ați utilizat instrumentele de desen Flash, știți că o formă are un Stroke și un Complet. Când utilizați clasa Shape pentru a desena, aveți și un Stroke și Completare. În următoarele câteva linii de cod, vom defini Stroke and Complet pentru myCircle.

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

În codul de mai sus, setăm valorile Stroke cu metoda lineStyle a proprietății Graphics. Vom seta valoarea lățimii Stroke în pixeli și culoarea Stroke cu o valoare hexadecimală. Mai sus, am setat Stroke pentru cercul nostru la o lățime de 2 pixeli și o culoare de negru.

În continuare, vom completa cercul. Din nou vom folosi proprietatea Graphics și metoda beginFill. Cele două valori pe care le putem controla pentru completarea cercului sunt culoarea și alfa. Este necesar să setați o valoare pentru culoare și, dacă nu, Flash va deveni foarte supărat. Dar, setarea valorii alfa este opțională. Să setăm Completarea pentru cercul nostru pe roșu. Din nou folosim hexadecimalul.

myCircle.graphics.beginFill (0xff0000);

OK, acum trebuie să-i spunem Flash de unde să desenăm cercul pe scenă. După cum vă așteptați, trebuie să setați o valoare pentru axele X și Y și raza cercului. Vom face acest lucru cu metoda drawCircle care face parte din proprietatea Graphics.

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

În această linie de cod, îi spunem lui Flash să deseneze cercul nostru 100 de pixeli din colțul din stânga sus al scenei de-a lungul axei X și 200 pixeli de-a lungul axei Y. Cercul nostru va avea o rază de 50. Când setați aceste valori, aveți grijă de ordinea în care le enumerați în cod. Prima dvs. valoare va fi pentru axa X, iar a doua valoare este pentru axa Y. Al treilea este pentru rază. Dacă oferiți Flash aceste valori în afara ordinului, veți obține câteva rezultate neașteptate.

În cele din urmă, trebuie să adăugăm cercul nostru ca obiect de afișare pentru copii pe lista de afișare.

addChild (myCircle);

Oh, am lăsat o linie a noastră de cod! Deși codul nostru va funcționa așa cum este, am abandonat metoda endFill () care va „închide” procesul de desenare. Acest lucru nu este cu adevărat necesar, deoarece endFill () este apelat automat. Dar este o practică bună să îl adăugați la codul dvs. chiar înainte de addChild ().

myCircle.graphics.endFill ();

Iată codul complet.

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elementele Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.