Για έναν προγραμματιστή, η κάμερα είναι ένας από τους ακρογωνιαίους λίθους της διαδικασίας ανάπτυξης του παιχνιδιού. Από την απλή εμφάνιση της προβολής του παιχνιδιού σας σε μια εφαρμογή σκακιού έως την καθοδήγηση της κίνησης της κάμερας σε ένα παιχνίδι 3D AAA για τη λήψη κινηματογραφικών εφέ, οι κάμερες βασικά χρησιμοποιούνται σε οποιοδήποτε βιντεοπαιχνίδι που έχει γίνει ποτέ, ακόμη και πριν πραγματικά ονομάζονται 'κάμερες'.
Σε αυτό το άρθρο θα εξηγήσω πώς να σχεδιάσω ένα σύστημα κάμερας για 2D παιχνίδια και θα εξηγήσω επίσης ορισμένα σημεία σχετικά με το πώς θα το εφαρμόσω σε μια από τις πιο δημοφιλείς μηχανές παιχνιδιών εκεί έξω, Ενότητα .
Από 2D έως 2.5D: Ένα Επεκτάσιμο Σύστημα Κάμερας
Το σύστημα κάμερας που πρόκειται να σχεδιάσουμε μαζί είναι αρθρωτό και επεκτάσιμο. Έχει έναν βασικό πυρήνα που αποτελείται από πολλά στοιχεία τα οποία θα διασφαλίσουν τη βασική λειτουργικότητα και, στη συνέχεια, διάφορα εξαρτήματα / εφέ που μπορούν προαιρετικά να χρησιμοποιηθούν, ανάλογα με την κατάσταση που υπάρχει.
Το σύστημα κάμερας που χτίζουμε εδώ στοχεύει σε παιχνίδια πλατφόρμας 2D, αλλά μπορεί εύκολα να επεκταθεί σε άλλους τύπους παιχνιδιών 2D, 2.5D ή ακόμα και 3D παιχνιδιών.
Θα χωρίσω τη λειτουργικότητα της κάμερας σε δύο κύριες ομάδες: παρακολούθηση κάμερας και εφέ κάμερας.
Παρακολούθηση
Το μεγαλύτερο μέρος της κίνησης της κάμερας που θα κάνουμε εδώ θα βασίζεται στην παρακολούθηση. Αυτή είναι η ικανότητα ενός αντικειμένου, στην περίπτωση αυτή της κάμερας, να εντοπίζει άλλα αντικείμενα καθώς κινούνται στη σκηνή του παιχνιδιού. Οι τύποι παρακολούθησης που θα εφαρμόσουμε πρόκειται να λύσουν ορισμένα κοινά σενάρια που συναντώνται σε παιχνίδια 2ης πλατφόρμας, αλλά μπορούν να επεκταθούν με νέους τύπους παρακολούθησης για άλλα συγκεκριμένα σενάρια που μπορεί να έχετε.
Υπάρχοντα
Θα εφαρμόσουμε μερικά δροσερά εφέ όπως κούνημα κάμερας, ζουμ κάμερας, ξεθώριασμα κάμερας και επικάλυψη χρώματος.
Ξεκινώντας
Δημιουργήστε ένα νέο έργο 2D στο Unity και εισαγάγετε τυπικά στοιχεία, ειδικά τον χαρακτήρα RobotBoy. Στη συνέχεια, δημιουργήστε ένα πλαίσιο εδάφους και προσθέστε μια παρουσία χαρακτήρων. Θα πρέπει να είστε σε θέση να περπατήσετε και να πηδήξετε με τον χαρακτήρα σας στην τρέχουσα σκηνή σας. Βεβαιωθείτε ότι η κάμερα έχει ρυθμιστεί σε Ορθογραφική λειτουργία (έχει οριστεί σε Προοπτική από προεπιλογή).
Παρακολούθηση ενός στόχου
Το παρακάτω σενάριο θα προσθέσει βασική συμπεριφορά παρακολούθησης στην κύρια κάμερα. Το σενάριο πρέπει να επισυνάπτεται ως συστατικό στοιχείο στην κύρια κάμερα της σκηνής σας και εκθέτει ένα πεδίο για την εκχώρηση ενός αντικειμένου στόχου για παρακολούθηση. Στη συνέχεια, το σενάριο διασφαλίζει ότι οι συντεταγμένες x και y της κάμερας είναι ίδιες με το αντικείμενο που παρακολουθεί. Όλη αυτή η επεξεργασία γίνεται κατά το βήμα ενημέρωσης.
[SerializeField] protected Transform trackingTarget; // ... void Update() { transform.position = new Vector3(trackingTarget.position.x, trackingTarget.position.y, transform.position.z); } Σύρετε τον χαρακτήρα RobotBoy από την ιεραρχία της σκηνής σας πάνω από το πεδίο 'Στόχος παρακολούθησης' που εκτίθεται από την ακόλουθη συμπεριφορά μας, προκειμένου να καταστεί δυνατή η παρακολούθηση του κύριου χαρακτήρα.
ποια είναι η σημασία της συμπερίληψης των στοιχείων του σχεδιασμού στην εικαστική τέχνη
Προσθήκη όφσετ
Όλα καλά, αλλά μπορούμε να δούμε έναν περιορισμό απευθείας από το ρόπαλο: ο χαρακτήρας είναι πάντα στο κέντρο της σκηνής μας. Μπορούμε να δούμε πολλά πίσω από τον χαρακτήρα, που είναι συνήθως πράγματα που δεν μας ενδιαφέρουν, και βλέπουμε πολύ λίγα από αυτά που είναι μπροστά από τον χαρακτήρα μας, τα οποία μπορεί να είναι επιζήμια για το παιχνίδι.
Για να το λύσουμε, προσθέτουμε μερικά νέα πεδία στο σενάριο που θα επιτρέψει την τοποθέτηση της κάμερας σε μετατόπιση από τον στόχο της.
[SerializeField] float xOffset; [SerializeField] float yOffset; // ... void Update() { transform.position = new Vector3(trackingTarget.position.x + xOffset, trackingTarget.position.y + yOffset, transform.position.z); } Παρακάτω μπορείτε να δείτε μια πιθανή διαμόρφωση για τα δύο νέα πεδία:
Εξομάλυνση των πραγμάτων
Η κίνηση της κάμερας είναι αρκετά σκληρή και θα προκαλέσει ζάλη σε μερικούς παίκτες από τη συνεχή αντιληπτή κίνηση του περιβάλλοντος. Προκειμένου να διορθωθεί αυτό, θα προσθέσουμε κάποια καθυστέρηση στην παρακολούθηση κάμερας χρησιμοποιώντας γραμμική παρεμβολή και ένα νέο πεδίο για τον έλεγχο της ταχύτητας της κάμερας μετά την έναρξη της αλλαγής της θέσης του χαρακτήρα.
ένας από τους τρόπους με τους οποίους οι εισβολείς μπορούν να έχουν πρόσβαση χωρίς κρυπτογράφηση
[SerializeField] protected float followSpeed; // ... protected override void Update() { float xTarget = trackingTarget.position.x + xOffset; float yTarget = trackingTarget.position.y + yOffset; float xNew = Mathf.Lerp(transform.position.x, xTarget, Time.deltaTime * followSpeed); float yNew = Mathf.Lerp(transform.position.y, yTarget, Time.deltaTime * followSpeed); transform.position = new Vector3(xNew, yNew, transform.position.z); } 
Σταματήστε τη ζάλη: Κλείδωμα άξονα
Δεδομένου ότι δεν είναι ευχάριστο για τον εγκέφαλό σας να παρακολουθεί την κάμερα συνεχώς πάνω και κάτω μαζί με τον χαρακτήρα, εισάγουμε το κλείδωμα του άξονα. Αυτό σημαίνει ότι μπορούμε να περιορίσουμε την παρακολούθηση σε έναν μόνο άξονα. Στη συνέχεια, θα διαχωρίσουμε τον κώδικα παρακολούθησης σε ανεξάρτητη παρακολούθηση αξόνων και θα λάβουμε υπόψη τις νέες σημαίες κλειδώματος.
[SerializeField] protected bool isXLocked = false; [SerializeField] protected bool isYLocked = false; // ... float xNew = transform.position.x; if (!isXLocked) { xNew = Mathf.Lerp(transform.position.x, xTarget, Time.deltaTime * followSpeed); } float yNew = transform.position.y; if (!isYLocked) { yNew = Mathf.Lerp(transform.position.y, yTarget, Time.deltaTime * followSpeed); } 
Σύστημα λωρίδων
Τώρα που η κάμερα παρακολουθεί μόνο τη συσκευή αναπαραγωγής οριζόντια, περιοριζόμαστε στο ύψος μιας οθόνης. Εάν ο χαρακτήρας ανεβεί κάποια σκάλα ή πηδά ψηλότερα από αυτό, πρέπει να ακολουθήσουμε. Ο τρόπος που το κάνουμε αυτό είναι χρησιμοποιώντας ένα σύστημα λωρίδων.
Φανταστείτε το ακόλουθο σενάριο:
Ο χαρακτήρας βρίσκεται αρχικά στην κάτω λωρίδα. Ενώ ο χαρακτήρας παραμένει εντός των ορίων αυτής της λωρίδας, η κάμερα θα κινείται μόνο οριζόντια σε ειδική μετατόπιση ύψους λωρίδας που μπορούμε να ρυθμίσουμε.
Μόλις ο χαρακτήρας εισέλθει σε μια άλλη λωρίδα, η κάμερα θα μεταβεί σε αυτήν τη λωρίδα και θα συνεχίσει να κινείται οριζόντια από εκεί μέχρι να συμβεί η επόμενη αλλαγή λωρίδας.
Πρέπει να δοθεί προσοχή στη σχεδίαση λωρίδας προκειμένου να αποφευχθεί η γρήγορη εναλλαγή λωρίδων κατά τη διάρκεια ενεργειών όπως άλματα, τα οποία μπορούν να δημιουργήσουν σύγχυση για τη συσκευή αναπαραγωγής. Μια λωρίδα θα πρέπει να αλλάξει μόνο εάν ο χαρακτήρας του παίκτη θα παραμείνει σε αυτό για λίγο.
Τα επίπεδα του Lanes μπορούν να αλλάξουν σε όλο το επίπεδο του παιχνιδιού με βάση τις συγκεκριμένες ανάγκες του σχεδιαστή ή μπορεί να διακοπεί εντελώς και να αντικαταστήσει ένα άλλο σύστημα παρακολούθησης κάμερας. Επομένως, χρειαζόμαστε ορισμένους περιοριστές για τον καθορισμό ζωνών λωρίδας.
Εκτέλεση
Μια πιθανή εφαρμογή είναι να προσθέσετε λωρίδες ως απλά αντικείμενα στη σκηνή. Θα χρησιμοποιήσουμε τη συντεταγμένη θέσης Υ σε συνδυασμό με την μετατόπιση Υ στο παραπάνω σενάριο παρακολούθησης για την εφαρμογή του συστήματος. Επομένως, η θέση τους στις συντεταγμένες X και Z δεν έχει σημασία.
Προσθέστε την κλάση LaneSystem στην κάμερα, μαζί με την κλάση παρακολούθησης και αντιστοιχίστε τα αντικείμενα λωρίδας στον παρεχόμενο πίνακα. Επίσης, αντιστοιχίστε το χαρακτήρα του παίκτη στο πεδίο αναφοράς. Καθώς η αναφορά είναι τοποθετημένη μεταξύ λωρίδας και άλλης λωρίδας, το κάτω από τα δύο θα χρησιμοποιηθεί για την τοποθέτηση της κάμερας.
Και η κλάση LaneSystem φροντίζει να μετακινεί την κάμερα μεταξύ λωρίδων, με βάση τη θέση αναφοράς. Το followSpeed χρησιμοποιείται ξανά εδώ για παρεμβολή θέσης, για να αποφευχθεί η απότομη αλλαγή της λωρίδας:
[SerializeField] Transform reference; [SerializeField] List lanes; [SerializeField] float followSpeed = 5f; // ... void Update() { float targetYCoord = transform.position.y; if (lanes.Count > 1) { int i = 0; for (i = 0; i lanes[i].position.y) && (reference.position.y <= lanes[i + 1].position.y)) { targetYCoord = lanes[i].position.y; break; } } if (i == lanes.Count - 1) targetYCoord = lanes[lanes.Count - 1].position.y; } else { targetYCoord = lanes[0].position.y; } float yCoord = Mathf.Lerp(transform.position.y, targetYCoord, Time.deltaTime * followSpeed); transform.position = new Vector3(transform.position.x, yCoord, transform.position.z); } Αυτή η εφαρμογή δεν είναι WYSIWYG και παραμένει ως άσκηση για τον αναγνώστη.
Σύστημα κλειδώματος κόμβου
Η κίνηση της κάμερας σε λωρίδες είναι υπέροχη, αλλά μερικές φορές χρειαζόμαστε την κάμερα να είναι κλειδωμένη σε κάτι, σημείο ενδιαφέροντος (POI) στη σκηνή του παιχνιδιού.
Αυτό μπορεί να επιτευχθεί με τη διαμόρφωση τέτοιων POI στη σκηνή και την προσάρτηση ενός σκανδάλης. Κάθε φορά που ο χαρακτήρας μπαίνει σε αυτό το σκανδάλη, μετακινούμε την κάμερα και παραμένουμε στο POI. Καθώς ο χαρακτήρας κινείται και έπειτα αφήνει το σκανδάλη του POI, επιστρέφουμε σε έναν άλλο τύπο παρακολούθησης, συνήθως την τυπική συμπεριφορά παρακολούθησης.
Η εναλλαγή της παρακολούθησης της κάμερας σε έναν κόμβο κλειδώματος και πλάτης μπορεί να γίνει είτε με έναν απλό διακόπτη είτε από ένα σύστημα στοίβας, στο οποίο οι τρόποι παρακολούθησης ωθούνται και εμφανίζονται.
Εκτέλεση
Για να διαμορφώσετε έναν κόμβο κλειδώματος, απλώς δημιουργήστε ένα αντικείμενο (μπορεί να είναι κενό ή όπως στο παρακάτω στιγμιότυπο οθόνης, ένα sprite) και να επισυνάψετε ένα μεγάλο συστατικό Circle Collider 2D σε αυτό, ώστε να επισημαίνει την περιοχή στην οποία θα βρίσκεται η συσκευή αναπαραγωγής όταν εστίαση του κόμβου. Μπορείτε να επιλέξετε οποιοδήποτε τύπο collider, επιλέγω τον Κύκλο ως παράδειγμα εδώ. Δημιουργήστε επίσης μια ετικέτα που μπορείτε εύκολα να ελέγξετε, όπως 'CameraNode' και να την αντιστοιχίσετε σε αυτό το αντικείμενο.
διαφορά μεταξύ μιας εταιρείας s και c
Προσθέστε την ακόλουθη ιδιότητα στο σενάριο παρακολούθησης της κάμεράς σας:
public Transform TrackingTarget { get { return trackingTarget; } set { trackingTarget = value; } } Στη συνέχεια, επισυνάψτε το ακόλουθο σενάριο στη συσκευή αναπαραγωγής, που θα της επιτρέψει να αλλάξει προσωρινά τον στόχο της κάμερας στον κόμβο κλειδώματος που έχετε ορίσει. Το σενάριο θα θυμάται επίσης τον προηγούμενο στόχο του, ώστε να μπορεί να επιστρέψει σε αυτό όταν ο παίκτης είναι εκτός της περιοχής ενεργοποίησης. Μπορείτε να προχωρήσετε και να το μετατρέψετε σε πλήρη στοίβα, αν το χρειάζεστε, αλλά για το σκοπό μας, καθώς δεν επικαλύπτουμε πολλούς κόμβους κλειδώματος, αυτό θα γίνει. Επίσης, λάβετε υπόψη ότι μπορείτε να τροποποιήσετε τη θέση του Circle Collider 2D ή να προσθέσετε ξανά οποιοδήποτε άλλο είδος collider για να ενεργοποιήσετε το κλείδωμα της κάμερας, αυτό είναι απλώς ένα παράδειγμα.
public class LockBehavior : MonoBehaviour { #region Public Fields [SerializeField] Camera camera; [SerializeField] string tag; #endregion #region Private private Transform previousTarget; private TrackingBehavior trackingBehavior; private bool isLocked = false; #endregion // Use this for initialization void Start() { trackingBehavior = camera.GetComponent(); } void OnTriggerEnter2D(Collider2D other) { if (other.tag == tag && !isLocked) { isLocked = true; PushTarget(other.transform); } } void OnTriggerExit2D(Collider2D other) { if (other.tag == tag && isLocked) { isLocked = false; PopTarget(); } } private void PushTarget(Transform newTarget) { previousTarget = trackingBehavior.TrackingTarget; trackingBehavior.TrackingTarget = newTarget; } private void PopTarget() { trackingBehavior.TrackingTarget = previousTarget; } } 
Ζουμ κάμερας
Το ζουμ της κάμερας μπορεί να εκτελεστεί είτε με είσοδο χρήστη είτε ως κινούμενο σχέδιο όταν θέλουμε να επικεντρωθούμε σε κάτι σαν POI ή σε μια πιο σφιχτή περιοχή μέσα σε ένα επίπεδο.
Το 2D ζουμ της κάμερας στο Unity 3D μπορεί να επιτευχθεί με χειρισμό του ορθογραφικού μεγέθους της κάμερας. Η προσάρτηση του επόμενου σεναρίου ως στοιχείου σε μια κάμερα και η χρήση της μεθόδου SetZoom για αλλαγή του παράγοντα ζουμ θα παράγει το επιθυμητό αποτέλεσμα. 1,0 σημαίνει όχι ζουμ, 0,5 σημαίνει ζουμ δύο φορές, 2 σημαίνει σμίκρυνση δύο φορές και ούτω καθεξής.
[SerializeField] float zoomFactor = 1.0f; [SerializeField] float zoomSpeed = 5.0f; private float originalSize = 0f; private Camera thisCamera; // Use this for initialization void Start() { thisCamera = GetComponent(); originalSize = thisCamera.orthographicSize; } // Update is called once per frame void Update() { float targetSize = originalSize * zoomFactor; if (targetSize != thisCamera.orthographicSize) { thisCamera.orthographicSize = Mathf.Lerp(thisCamera.orthographicSize, targetSize, Time.deltaTime * zoomSpeed); } } void SetZoom(float zoomFactor) { this.zoomFactor = zoomFactor; } Κούνημα οθόνης
Κάθε φορά που πρέπει να δείξουμε έναν σεισμό, κάποια έκρηξη ή οποιοδήποτε άλλο εφέ στο παιχνίδι μας, το εφέ κούνησης της κάμερας είναι βολικό.
Ένα παράδειγμα υλοποίησης του πώς να το κάνετε αυτό είναι διαθέσιμο στο GitHub: gist.github.com/ftvs/5822103 . Η εφαρμογή είναι αρκετά απλή. Σε αντίθεση με τα άλλα εφέ που έχουμε καλύψει μέχρι τώρα, βασίζεται σε μια μικρή τυχαιότητα.
Fade & Overlay
Όταν ξεκινάει ή τελειώνει το επίπεδό μας, ένα φαινόμενο εξασθένισης ή εκτός λειτουργίας είναι ωραίο. Μπορούμε να το εφαρμόσουμε προσθέτοντας μια μη αλληλεπιδρούμενη υφή UI σε έναν πίνακα που απλώνεται σε όλη την οθόνη μας. Αρχικά διαφανές, μπορούμε να το γεμίσουμε με οποιοδήποτε χρώμα και αδιαφάνεια, ή να κινούμαστε για να επιτύχουμε το αποτέλεσμα που θέλουμε.
Ακολουθεί ένα παράδειγμα αυτής της διαμόρφωσης, λάβετε υπόψη ότι το αντικείμενο Πίνακας διεπαφής χρήστη έχει αντιστοιχιστεί στο παιδί 'Επικάλυψη κάμερας' του Κύριου αντικειμένου κάμερας. Η Επικάλυψη κάμερας εκθέτει ένα σενάριο που ονομάζεται Επικάλυψη και διαθέτει τα εξής:
πού να μάθετε c++
[SerializeField] Image overlay; // ... public void SetOverlayColor(Color color) { overlay.color = color; } 
Για να έχετε ένα αποτέλεσμα εξασθένισης, αλλάξτε το σενάριο επικάλυψης προσθέτοντας μια παρεμβολή σε ένα χρώμα προορισμού που έχετε ορίσει με το SetOverlayColor όπως στο επόμενο σενάριο και ορίστε το αρχικό χρώμα του Πίνακα σε Μαύρο (ή Λευκό) και το χρώμα προορισμού στο τελικό χρώμα της επικάλυψης. Μπορείτε να αλλάξετε το fadeSpeed σε ό, τι ταιριάζει στις ανάγκες σας, νομίζω ότι το 0,8 είναι καλό για αρχάριους. Η τιμή του fadeSpeed λειτουργεί ως τροποποιητής χρόνου. 1.0 σημαίνει ότι θα συμβεί σε πολλαπλά καρέ, αλλά εντός 1 δευτερολέπτου. 0,8 σημαίνει ότι θα χρειαστούν πραγματικά 1 / 0,8 = 1,25 δευτερόλεπτα για να ολοκληρωθεί.
public class Overlay : MonoBehaviour { #region Fields [SerializeField] Image overlay; [SerializeField] float fadeSpeed = 5f; [SerializeField] Color targetColor; #endregion void Update() { if (overlay.color != targetColor) { overlay.color = Color.Lerp(overlay.color, targetColor, Time.deltaTime * fadeSpeed); } } #region Public public void SetOverlayColor(Color color) { targetColor = color; } #endregion } Τύλιξε
Σε αυτό το άρθρο προσπάθησα να δείξω τα βασικά στοιχεία που χρειάζονται για να διαθέσω ένα αρθρωτό σύστημα κάμερας 2D για το παιχνίδι σας, και επίσης τι είναι το απαιτούμενο μυαλό για το σχεδιασμό του. Φυσικά, όλα τα παιχνίδια έχουν τις ιδιαίτερες ανάγκες τους, αλλά με τη βασική παρακολούθηση και τα απλά εφέ που περιγράφονται εδώ, μπορείτε να πάρετε πολύ δρόμο και επίσης να έχετε ένα σχέδιο για την εφαρμογή των δικών σας εφέ. Στη συνέχεια, μπορείτε να προχωρήσετε ακόμη περισσότερο και να συσκευάσετε τα πάντα σε ένα επαναχρησιμοποιήσιμο πακέτο Unity 3D το οποίο μπορείτε να μεταφέρετε και σε άλλα έργα.
Τα συστήματα κάμερας είναι πολύ σημαντικά για τη σωστή ατμόσφαιρα για τους παίκτες σας. Μια καλή σύγκριση που θέλω να χρησιμοποιήσω είναι όταν σκέφτεστε τη διαφορά μεταξύ του κλασικού θεάτρου και των ταινιών. Οι ίδιες οι κάμερες και οι ταινίες έφεραν τόσες πολλές δυνατότητες στη σκηνή που τελικά εξελίχθηκε σε μια τέχνη μόνη της, οπότε αν δεν σκοπεύετε να εφαρμόσετε άλλο παιχνίδι 'Pong', οι προηγμένες κάμερες θα πρέπει να είναι το εργαλείο επιλογής σας οποιοδήποτε έργο παιχνιδιού θα αναλάβετε από τώρα και στο εξής.
Σχετίζεται με: Ενότητα με το MVC: Πώς να βελτιώσετε την ανάπτυξη του παιχνιδιού σας
