Δίκτυο Flash ActionScript 3 scaleY για να ανοίξετε ένα φάκελο

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

Τώρα που έχουμε προγραμματίσει το πτερύγιο φακέλων στο Flash μας^R η κινούμενη εικόνα να εμφανίζεται πλήρως ανοιχτή πάνω από το φάκελο όταν πατηθεί το κουμπί σφραγίδας, πρέπει να βελτιώσουμε την κινούμενη εικόνα για να φανεί ότι το πτερύγιο ανοίγει αργά. Αυτό θα το κάνουμε ελέγχοντας δύο ιδιότητες του πτερυγίου. Να θυμάστε ότι το αντικείμενο newFlap είναι μια μεταβλητή που αναφέρει το κινηματογραφικό κλιπ FlapAni στη βιβλιοθήκη. Χρησιμοποιούμε αυτό το var για να εμφανιστεί το πτερύγιο στη σκηνή.

Ως γρήγορη ανασκόπηση, στο τελευταίο εκπαιδευτικό πρόγραμμα, προγραμματίσαμε μια λειτουργία που ονομάζεται openFlap για να προσθέσετε ένα αντικείμενο newFlap στη λίστα εμφάνισης. Το κάναμε με τον κώδικα addChild. Επίσης, θέσαμε την αρχική θέση για τις ιδιότητες newFlap.x και newFlap.y. Αυτό τοποθέτησε το κάτω μέρος του πτερυγίου στην επάνω άκρη του φακέλου. Όπως αναφέρθηκε προηγουμένως, οι τιμές σας για τη θέση x και y στη σκηνή ενδέχεται να διαφέρουν ανάλογα με το μέγεθος και τη θέση του φακέλου σας.

Το πρώτο πράγμα που πρέπει να κάνουμε είναι να πειραματιστούμε για να βρούμε μια νέα τιμή Flap.y που θα τοποθετήσει το πτερύγιο κάτω από την επάνω άκρη του φακέλου και συνεπώς δεν θα το δούμε στην αρχή της κινούμενης εικόνας. Στην πραγματικότητα, θέλουμε το σημείο του τριγωνικού πτερυγίου να βρίσκεται ακριβώς κάτω από την άνω άκρη του φακέλου. Ενώ πειραματίζετε, ίσως είναι ευκολότερο να μετακινήσετε το πτερύγιο 100 εικονοστοιχεία προς τα δεξιά, ρυθμίζοντας το newFlap.x σε 300 (προσθήκη 100). Αυτό θα κάνει το πτερύγιο εν μέρει ορατό στη δεξιά πλευρά του φακέλου. Μετά από τον πειραματισμό, διαπίστωσα ότι η αξία του νέου Flap.y των 200 ήταν αυτό που χρειαζόμουν. Αυτή είναι η νέα μας αρχική θέση για το πτερύγιο. Μην ξεχάσετε να επαναφέρετε την τιμή newFlap.x στην αρχική τιμή πριν προχωρήσετε στο επόμενο βήμα.

1. Πρέπει να αλλάξουμε τον υπάρχοντα κώδικα από το τελευταίο σεμινάριο για να αντικατοπτρίσουμε τη νέα μας τιμή newFlap.y των 200. Δοκιμάστε την ταινία σας μετά από αυτήν την αλλαγή και δεν θα πρέπει να δείτε το πτερύγιο όταν κάνετε κλικ στο κουμπί σφραγίδας.
   
   newFlap.y = 200;
   
   Για το animation μας, θέλουμε το κλαπέτο να μετακινηθεί σιγά-σιγά πάνω από το φάκελο. Ταυτόχρονα, θα χρειαστεί να κλιμακώσουμε το άνοιγμα του πτερυγίου από μια αρχική τιμή κλίμακας μηδέν. Ξεκινώντας με την κλίμακα που έχει ρυθμιστεί στο μηδέν, μπορούμε να επιβραδύνουμε το άνοιγμα του πτερυγίου. Η τιμή y θα μετακινήσει το πτερύγιο προς τα πάνω, αλλά είναι η τιμή κλίμακας που θα κάνει το πτερύγιο να φαίνεται να ανοίγει.
   
   
2. Η επόμενη αλλαγή στη λειτουργία θα είναι η προσθήκη του κώδικα που θα θέσει το scaleY στο μηδέν και θα ισοπεδώσει το πτερύγιο.
   
   newFlap.scaleY = 0;
   
   Τώρα πρέπει να εργαστούμε από την πλευρά του animation που θα ανοίξει το πτερύγιο. Υπάρχουν διάφοροι τρόποι να το κάνετε αυτό με το ActionScript. Σε αυτό το σεμινάριο, θα χρησιμοποιήσουμε έναν ακροατή συμβάντος που είναι προσαρτημένος στη σκηνή για να τρέξει μια δεύτερη συνάρτηση την οποία θα ονομάσουμε scaleFlap. Θα τοποθετήσουμε αυτή τη δεύτερη λειτουργία μέσα στη λειτουργία openFlap.
   
   
3. Κάτω από τον κώδικα scaleY, ας προσθέσουμε το Event Listener στη σκηνή. Αυτό είναι που θα τρέξει τη λειτουργία scaleFlap.
   
   stage.addEventListener (Event.ENTER_FRAME, scaleFlap).
   
   
4. Στη συνέχεια, προσθέστε τη δεύτερη λειτουργία. Αντιγράψτε και επικολλήστε αυτόν τον κώδικα στη λειτουργία openFlap.
   
   (κλίμακα λειτουργίας) Λήξη (συμβάν: Γεγονός): άκυρη
   {
   αν (newFlap.scaleY> = 1)
   {stage.removeEventListener (Event.ENTER_FRAME, scaleFlap); }}
   αλλού
   {newFlap.scaleY + = .5;
   newFlap.y - = 2.9;}
   }
   
   Ας εξετάσουμε τον κώδικα. Η πρώτη εντολή if θα ελέγξει την τιμή scaleY για να δει εάν είναι μεγαλύτερη ή ίση με 1. Ο αριθμός 1 αντιπροσωπεύει μια τιμή κλίμακας 100%). Αν η προϋπόθεση είναι αληθής, θα καταργήσουμε την υπηρεσία Listener συμβάντων και θα σταματήσουμε την κινούμενη εικόνα.
   
   Αν η συνθήκη είναι ψευδής, θα συνεχίσουμε την κινούμενη εικόνα αυξάνοντας την τιμή scaleY by .05 και μετακινώντας το πτερύγιο προς τα πάνω με αρνητικό 2.9. (Στη φάση Flash, ανεβαίνουμε προς τα κάτω μειώνοντας την τιμή αριθμού της θέσης Y.) Αυτό θα συνεχιστεί με κάθε νέο πλαίσιο μέχρι να είναι αληθής η προϋπόθεση για τη δήλωση if.
   
   Και πάλι, αυτές οι αριθμητικές τιμές μπορεί να διαφέρουν για την ταινία σας λόγω του μεγέθους του φακέλου σας και της θέσης του φακέλου σας στη σκηνή. Εδώ είναι η τελική κίνηση.

Πνευματικά δικαιώματα 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 στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: How to create flash game AS3 like Tower_of_Hanoi (Απρίλιος 2024).