Υλοποίηση κινούμενων εικόνων φύλλων sprite

Περιβάλλον επαλήθευσης

παράθυρα

• Παράθυρα 11

Επεξεργαστής ενότητας

• 2020.3.25στ1

Πακέτα συστήματος εισόδου

• 1.2.0

Προϋποθέσεις για αυτήν τη συμβουλή

Οι ακόλουθες ρυθμίσεις έχουν ρυθμιστεί εκ των προτέρων ως προϋπόθεση για την επεξήγηση αυτών των συμβουλών.

• Παρουσιάζουμε το πακέτο συστήματος εισόδου
• Ευθυγράμμιση της κάμερας (2D) με τον καμβά

Τι είναι το Sprite Sheet Animation;

Στα σύγχρονα παιχνίδια, οι χαρακτήρες και τα εφέ κινούνται μετακινώντας μοντέλα 3D, υπολογίζοντας εκρήξεις σε πραγματικό χρόνο και εμφανίζοντας εφέ. Αυτό έχει γίνει δυνατό επειδή η υπολογιστική ισχύς των κονσολών παιχνιδιών έχει αυξηθεί, αλλά δεδομένου ότι οι παλιές κονσόλες παιχνιδιών δεν είχαν τόσο μεγάλη ισχύ, το sprite sheet animation που άλλαζε συνεχώς εικόνες για να φαίνεται σαν να κινείται ήταν το mainstream. Η αρχή είναι η ίδια με αυτή των anime που παίζονται στην τηλεόραση. Τα κινούμενα σχέδια φύλλων Sprite χρησιμοποιούνται από λιγότερα παιχνίδια από ό, τι στο παρελθόν, αλλά εξακολουθούν να χρησιμοποιούνται συχνά επειδή το φορτίο που απαιτείται για υπολογισμούς είναι πολύ χαμηλότερο.

Η κινούμενη εικόνα φύλλου Sprite αλλάζει και εμφανίζει πολλές εικόνες στη σειρά. Είναι σπάνιο να προετοιμάσετε όσα αρχεία εικόνας υπάρχουν και βασικά όλα τα μοτίβα εμφάνισης περιλαμβάνονται σε μία εικόνα. Αυτό διευκολύνει τη διαχείριση αρχείων εικόνας και μειώνει το φορτίο κατά τη φόρτωση αρχείων εικόνας. Το αρχείο εικόνας που συνοψίζει αυτή την κινούμενη εικόνα ονομάζεται "φύλλο αντικειμένου".

Δημιουργία φύλλου αντικειμένου

Ένα φύλλο αντικειμένου είναι ουσιαστικά απλώς ένα αρχείο εικόνας. Δεδομένου ότι δεν έχει καμία σχέση με το Unity, δημιουργήστε το με ένα εργαλείο επεξεργασίας εικόνας. Η τελική μορφή αρχείου θα είναι ένα αρχείο PNG που μπορεί να χειριστεί το Unity.

Επιπλέον, υπάρχουν οι ακόλουθοι κανόνες για τη δημιουργία φύλλων αντικειμένων.

• Ενοποιήστε το μέγεθος εικόνας όλων των καρέ. Για παράδειγμα, εάν η πρώτη εικόνα είναι 32x32 pixel, η δεύτερη και οι επόμενες εικόνες θα είναι 32x32 pixel. Για παράδειγμα, αν ετοιμάσεις ένα φύλλο αντικειμένου σε μορφή «3x2» με 6 καρέ, το μέγεθος του φύλλου αντικειμένου θα είναι 96x64 pixel.
• Μπορείτε να ευθυγραμμίσετε την εικόνα ελεύθερα, όπως "6x4" ή "2x8", αλλά φροντίστε να τη δημιουργήσετε με την υπόθεση ότι όλα τα καρέ θα γεμίσουν. Εάν είναι "6x4", είναι 24 καρέ και ούτω καθεξής. Εάν πρόκειται για κινούμενη εικόνα 13 καρέ, προετοιμάστε την με "1x13" ή "13x1".
• Δεδομένου ότι πρόκειται για κινούμενη εικόνα, είναι σωστά ευθυγραμμισμένη έτσι ώστε να μην υπάρχει κακή ευθυγράμμιση στα καρέ πριν και μετά.
• Η κατεύθυνση της κινούμενης εικόνας ξεκινά από το επάνω αριστερό κελί και πηγαίνει προς τα δεξιά, και όταν πηγαίνετε στην άκρα δεξιά, ξεκινά από τα αριστερά ένα βήμα κάτω και πηγαίνει ξανά προς τα δεξιά.

Στην πραγματικότητα, δεν χρειάζεται να κάνετε τα παραπάνω αυστηρά στο Unity, αλλά είναι πολύ πιο εύκολο να αποφασίσετε εκ των προτέρων για τις προδιαγραφές.

Αυτή τη φορά, θα χρησιμοποιήσω ένα φύλλο αντικειμένου για να αλλάξω τους ακόλουθους αριθμούς. Ένα τετράγωνο είναι 32x32 pixel. Αποτελείται από 24 καρέ "6x4", οπότε το μέγεθος της εικόνας είναι 192x128 pixel.

Ρύθμιση του φύλλου αντικειμένου στο Unity Editor

Μόλις δημιουργήσεις το έργο σου, πρόσθεσε ένα αρχείο φύλλου αντικειμένου στο έργο σου. Εδώ, υποτίθεται ότι το όνομα αρχείου είναι NumberAnimation .

NumberAnimation Επιλέξτε το αρχείο και συμπληρώστε τον επιθεωρητή ως εξής:

Υπάρχουν πολλές άλλες ρυθμίσεις που μπορούν να διαμορφωθούν, αλλά ας το αφήσουμε ως έχει προς το παρόν. Μόλις ρυθμιστεί, κάνε κλικ στο κουμπί "Sprite Editor".

Εάν εμφανιστεί το παρακάτω παράθυρο διαλόγου, κάντε κλικ στο κουμπί "Εφαρμογή". Στην πραγματικότητα, οι ρυθμίσεις αυτού του επιθεωρητή πρέπει να αποθηκευτούν και αν μετακινηθείτε προς τα κάτω, υπάρχει ένα κουμπί "Εφαρμογή", οπότε πρέπει να αποθηκεύσετε τις ρυθμίσεις με αυτό το κουμπί. Θα αποθηκευτεί επίσης από το "Εφαρμογή" στο παράθυρο διαλόγου, οπότε δεν έχει σημασία με ποιον τρόπο το αποθηκεύετε.

Εμφανίζεται ο επεξεργαστής αντικειμένων. Σε αυτή την ενότητα, θα δουλέψουμε στο διαχωρισμό του αντικειμένου από το φύλλο του αντικειμένου.

Υπάρχει ένα κουμπί που ονομάζεται "Slice" στην επάνω αριστερή γωνία, κάντε κλικ σε αυτό και αλλάξτε τον τύπο σε "Grid By Cell Size". Σε αυτό το φύλλο αντικειμένου, ένα μέγεθος του αντικειμένου είναι "32x32" pixel, οπότε γράψε 32 για κάθε μέγεθος pixel. Όταν τελειώσετε, κάντε κλικ στο κουμπί Slice.

Αυτή η εικόνα είναι δύσκολο να κατανοηθεί επειδή φαίνεται να είναι σαφώς διαιρεμένη από την αρχή, αλλά διαιρείται με 1 αντικείμενο 32px. Πατήστε το πλήκτρο "Ctrl" και η διαχωρισμένη γραμμή θα εμφανιστεί με πράσινο χρώμα.

Μετά το διαχωρισμό, αποθηκεύστε το με το κουμπί "Εφαρμογή".

Αν κάνεις κλικ στο τρίγωνο στο αρχείο εικόνας του έργου για να το αναπτύξεις, μπορείς να δεις ότι το αντικείμενο έχει διαιρεθεί.

Τοποθέτηση και κινούμενα σχέδια Sprite

Σύρε το αντικείμενο σετ στην προβολή και τοποθέτησε το.

Στη συνέχεια, θα εμφανιστεί ένα παράθυρο διαλόγου, οπότε αποθηκεύστε NumberAnimation το ως . Αυτό το αρχείο περιέχει τις ρυθμίσεις κινούμενης εικόνας.

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

Σε αυτό το σημείο, θα εφαρμοστούν οι προεπιλεγμένες ρυθμίσεις κινούμενης εικόνας, ώστε να μπορείτε απλώς να εκτελέσετε το παιχνίδι. Θα πρέπει να μπορείς να δεις ότι το sprite animation κινείται μόλις ξεκινήσει το παιχνίδι.

Αποτροπή επανάληψης κινούμενων εικόνων

Επιλέξτε το αρχείο κλιπ κίνησης (NumberAnimation.anim) από το έργο σας.

Στον επιθεωρητή, υπάρχει ένα πλαίσιο ελέγχου για "Χρόνος βρόχου", οπότε καταργήστε την επιλογή του.

Εάν εκτελέσετε το παιχνίδι, θα δείτε ότι η κινούμενη εικόνα σταματά στο 24. Είναι αποτελεσματικό για εφάπαξ εφέ έκρηξης.

Αλλαγή της ταχύτητας της κινούμενης εικόνας

Επίλεξε το αντικείμενο που θέλεις να προσθέσεις κίνηση από την ιεραρχία.

Στη συνέχεια, επιλέξτε την καρτέλα Κινούμενη εικόνα. Εάν δεν έχετε καρτέλα Κίνηση, επιλέξτε Παράθυρο > Κινούμενη εικόνα > Κίνηση από το μενού.

Υπάρχει ένας αριθμός που ονομάζεται "δείγμα", ο οποίος είναι αρκετές φορές για εναλλαγή εικόνων σε ένα δευτερόλεπτο. Σε αυτό το δείγμα, η κινούμενη εικόνα είναι 24 καρέ, επομένως η κινούμενη εικόνα επαναλαμβάνεται κάθε 2 δευτερόλεπτα.

Εάν μειώσετε αυτόν τον αριθμό, η ταχύτητα κινούμενης εικόνας θα είναι πιο αργή και αν την αυξήσετε, η ταχύτητα θα αυξηθεί.

Πληροφορίες για άλλες σύνθετες ρυθμίσεις κίνησης

Οι διάφορες ρυθμίσεις κινούμενης εικόνας εξηγούνται ξεχωριστά στις συμβουλές για συγκεκριμένες κινούμενες εικόνες. Αυτές οι ρυθμίσεις δεν είναι αποκλειστικές για κινούμενα σχέδια αντικειμένων, αλλά δεν είναι αποκλειστικές για το Είναι το ίδιο με τη ρύθμιση άλλων κινούμενων σχεδίων κίνησης και 3D κινούμενων εικόνων.

Σε αυτή τη συμβουλή, θα εξηγήσουμε πώς να μετακινηθείτε από ένα φύλλο αντικειμένου ως κινούμενο σχέδιο.