Flash API σχεδίασης CS3, ActionScript 3, Κλάση σχήματος

• Απρίλιος 19, 2024

Ένα από τα αγαπημένα μου πράγματα που πρέπει να κάνω στο Flash είναι να ζωγραφίσετε στο Στάδιο. Αλλά δεν μιλάω για σχεδίαση με τα εργαλεία σχεδίασης Flash όπως το εργαλείο Rectangle ή Oval. Σε αυτό το σεμινάριο, θα μάθουμε τα βασικά στοιχεία σχεδίασης με το ActionScript 3 και το API σχεδίασης.

Διστάζω να μιλήσω πάρα πολύ για τον προγραμματισμό και τα μαθήματα OOP στα μαθήματα του αρχαρίου μου, γιατί απλώς κάνει τα πράγματα πιο περίπλοκα. Αλλά αυτό το σεμινάριο είναι μια εξαίρεση. Είναι ιδανικό για την εισαγωγή της βασικής ιδέας των μαθημάτων OOP. Μια κατηγορία OOP στη ActionScript είναι απλώς μια προσχηματισμένη δέσμη πληροφοριών, που ονομάζεται ιδιότητες και μέθοδοι. Αυτή η προεγκατεστημένη πληροφορία αποθηκεύει τον προγραμματιστή πολύ χρόνο κατά την κωδικοποίηση του ActionScript, επειδή δεν είναι απαραίτητο να ξαναγράψετε αυτές τις πληροφορίες σε κάθε πρόγραμμα που απαιτεί τη χρήση μιας συγκεκριμένης κλάσης.

Σε αυτό το σεμινάριο, θα χρησιμοποιήσουμε την κλάση Shape, την προκαθορισμένη ιδιότητα Γραφικών και μερικές από τις μεθόδους της για να σχεδιάσουμε έναν απλό κύκλο στη σκηνή.

Γραφική ιδιότητα
lineStyle μέθοδος
αρχήΣυμπλήρωση μεθόδου
μέθοδος drawCircle
endfill ()

Το πρώτο μας βήμα είναι να δημιουργήσετε ένα στρώμα ενεργειών στη χρονολογική σειρά, κάντε κλικ στο Πλαίσιο 1 και ανοίξτε το πλαίσιο Ενέργειες (Παράθυρο - Ενέργειες). Η πρώτη γραμμή κώδικα θα δημιουργήσει μια νέα μεταβλητή που θα κρατά τον κύκλο.

var myCircle: Σχήμα = νέο σχήμα ();

Στον παραπάνω κώδικα, δημιουργούμε μια νέα μεταβλητή και ονομάζουμε το "myCircle". Ρυθμίζουμε τον τύπο δεδομένων για αυτήν τη νέα μεταβλητή σε Σχήμα. Από την άλλη πλευρά, χρησιμοποιούμε το νέος λέξη-κλειδί για να δημιουργήσετε μια νέα παρουσία της κλάσης Shape.

Εάν έχετε χρησιμοποιήσει τα εργαλεία σχεδίασης Flash, γνωρίζετε ότι ένα σχήμα έχει και ένα Stroke και ένα Fill. Όταν χρησιμοποιείτε την κλάση Shape για να σχεδιάσετε, έχετε επίσης ένα Stroke and Fill. Στις επόμενες γραμμές του κώδικα, θα ορίσουμε το Stroke and Fill για το myCircle.

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

Στον παραπάνω κώδικα ρυθμίζουμε τις τιμές Stroke με τη μέθοδο lineStyle της ιδιότητας Graphics. Θα ορίσουμε την τιμή του πλάτους του Stroke σε εικονοστοιχεία και το χρώμα του Stroke με δεκαεξαδική τιμή. Πάνω, έχουμε ορίσει το Stroke για τον κύκλο μας σε πλάτος 2 εικονοστοιχείων και ένα χρώμα μαύρου.

Στη συνέχεια, θα γεμίσουμε τον κύκλο. Και πάλι θα χρησιμοποιήσουμε την ιδιότητα Graphics και τη μέθοδο beginFill. Οι δύο τιμές που μπορούμε να ελέγξουμε για τη συμπλήρωση του κύκλου είναι το χρώμα και το άλφα. Απαιτείται να ορίσετε μια τιμή για το χρώμα και, εάν δεν το κάνετε, το Flash θα είναι πολύ αναστατωμένο. Όμως, ο καθορισμός της τιμής alpha είναι προαιρετικός. Αφήστε το πλήκτρο Fill για τον κύκλο μας να είναι κόκκινο. Και πάλι χρησιμοποιούμε το δεκαεξαδικό.

myCircle.graphics.beginFill (0xff0000);

Εντάξει, τώρα πρέπει να πούμε στο Flash πού να τραβήξει τον κύκλο στη σκηνή. Όπως θα περιμένατε, θα πρέπει να ορίσετε μια τιμή για τους άξονες X και Y και την ακτίνα του κύκλου. Θα το κάνουμε αυτό με τη μέθοδο drawCircle που είναι μέρος της ιδιότητας Graphics.

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

Σε αυτή τη γραμμή κώδικα, λέμε στο Flash να τραβήξει τον κύκλο μας 100 εικονοστοιχεία από την επάνω αριστερή γωνία της σκηνής κατά μήκος του άξονα Χ και 200 ​​εικονοστοιχεία κατά μήκος του άξονα Υ. Ο κύκλος μας θα έχει ακτίνα 50. Όταν ορίσετε αυτές τις τιμές, φροντίστε για τη σειρά με την οποία τα απαριθμείτε στον κώδικα. Η πρώτη τιμή θα είναι για τον άξονα Χ και η δεύτερη τιμή για τον άξονα Υ. Το τρίτο είναι για την ακτίνα. Εάν δώσετε στο Flash αυτές τις τιμές εκτός σειράς, θα λάβετε κάποια απροσδόκητα αποτελέσματα.

Τέλος, πρέπει να προσθέσουμε τον κύκλο μας ως αντικείμενο εμφάνισης παιδιού στη λίστα προβολής.

addChild (myCircle);

Ω, έφυγα από τη μία μας γραμμή κώδικα! Παρόλο που ο κώδικας θα λειτουργήσει όπως είναι, έχουμε αφήσει τη μέθοδο endFill () που θα "κλείσει" τη διαδικασία σχεδίασης. Αυτό δεν είναι πραγματικά απαραίτητο επειδή το end fill () ονομάζεται αυτόματα. Αλλά είναι καλή πρακτική να το προσθέσετε στον κώδικα σας ακριβώς πριν από το addChild ().

myCircle.graphics.endFill ();

Εδώ είναι ο πλήρης κώδικας.

Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe Photoshop, Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, είναι / είναι είτε [ή] καταχωρισμένο εμπορικό σήμα ή εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: Hands on with iOS 13 Beta & Best Features Coming to iPad (iPad OS) (Απρίλιος 2024).