Μέρος 4: Δημιουργία του παίκτη σας

Στο Μέρος 3 μάθατε πώς να δημιουργήσετε το πρώτο σας επίπεδο. Σε αυτό το σεμινάριο, θα αρχίσουμε να μετατρέπουμε το κενό επίπεδό μας σε ένα παιχνίδι.

Ένα Platformer είναι ένα παιχνίδι όπως το Mario. Συνήθως, τα platformer έχουν έναν χαρακτήρα που μπορεί να ελεγχθεί με ένα joystick και μπορεί να πηδάει γύρω για να λύσει διάφορους γρίφους.

Αυτό το τμήμα του οδηγού βασίζεται στο Μέρος 3 και υποθέτει ότι έχετε ήδη δημιουργήσει το επίπεδό σας χρησιμοποιώντας τους πόρους από το Platformer Starter Pack, το οποίο μπορείτε να κατεβάσετε από το Asset Shop.

Προσθέτοντας τον Παίκτη:

Αρχικά, χρειάζεται να προσθέσετε το γραφικό του παίκτη σας στο dock αντικειμένων. Ξεκινήστε πηγαίνοντας στο φάκελο Λήψεις στη Βιβλιοθήκη Πόρων και εντοπίστε τον κινούμενο χαρακτήρα Green Space Man.

Πατώντας τον κινούμενο χαρακτήρα στη Βιβλιοθήκη Πόρων, θα σας δείξει όλους τους διαθέσιμους κύκλους animation.

Δεδομένου ότι δεν θέλουμε ο παίκτης να φαίνεται ότι περπατάει ενώ στην πραγματικότητα στέκεται ακίνητος, θα χρησιμοποιήσουμε τον κύκλο animation "Stand". Πατήστε τον κύκλο animation "Stand" για να τον προσθέσετε στο dock.

Σημείωση: Αν το κινούμενο γραφικό που χρησιμοποιείτε δεν έχει κύκλο stand ή idle, μπορείτε πάντα να επιλέξετε ένα μόνο καρέ μιας animation κρατώντας το δάχτυλό σας πάνω στον κύκλο animation και επιλέγοντας "Δείτε Καρέ" από το Μενού Πόρων.

Τώρα που έχετε τον χαρακτήρα σας στο Dock Αντικειμένων, μπορείτε απλά να τον σύρετε από το dock και στη σκηνή σας.

Κινώντας τον Παίκτη:

Τώρα πρέπει να ζωντανέψουμε τον χαρακτήρα και να τον κάνουμε κινητό με ένα joystick. Το hyperPad καθιστά αυτή τη διαδικασία πραγματικά απλή με τις ενσωματωμένες συμπεριφορές.

Αρχικά, ανοίξτε τις Ιδιότητες Αντικειμένου πατώντας τον χαρακτήρα που μόλις σύρετε στην καμβά.

Από την "Κατηγορία Φυσικής" των Ιδιοτήτων Αντικειμένου, κάντε τον χαρακτήρα σας "Τύπο Φυσικής" πατώντας το εικονίδιο του φυσικού αντικειμένου ( ) ακριβώς κάτω από το κουμπί "Συμπεριφορές".

Σημείωση: Τα φυσικά αντικείμενα θα τηρούν τους νόμους της βαρύτητας και θα αντιδρούν σε άλλα αντικείμενα και δυνάμεις.

Έπειτα, πατήστε το κουμπί Συμπεριφορές για να ανοίξετε τον επεξεργαστή συμπεριφορές και να ξεκινήσετε τη διαδικασία του να κάνετε τον χαρακτήρα σας παικτικό.

Ο επεξεργαστής συμπεριφορές έχει διαφορετικές κατηγορίες που εμφανίζονται στην επάνω γραμμή και συμπεριφορές στα αριστερά.

Δεδομένου ότι προσθέσατε έναν κύκλο Animation, μια συμπεριφορά "ΠPlay Animation" έχει ήδη προστεθεί στον καμβά συμπεριφορών.

Από την κατηγορία "Αλληλεπίδρασης", σύρετε τη συμπεριφορά "Joystick Controlled" στον καμβά σας.

Μόλις αυτή η συμπεριφορά προστεθεί, θα δημιουργήσει αυτόματα και θα προσθέσει ένα joystick στο GLOBAL UI Layer. Αν είχατε ήδη ένα joystick προστιθέμενο στο UI layer σας, η συμπεριφορά θα χρησιμοποιήσει αυτό αντί να προσθέσει ένα για εσάς.

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

Κινήσεις:

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

Θα ξεκινήσουμε κάνοντάς τον χαρακτήρα να περπατά όταν μετακινείτε το joystick αριστερά ή δεξιά.

Για να το κάνετε αυτό, πρέπει να δείτε τις "προχωρημένες" συμπεριφορές αλληλεπίδρασης. Ενώ βρίσκεστε στην κατηγορία "Αλληλεπίδραση", πατήστε την επιλογή "Προηγμένες" στο κάτω μέρος της λίστας συμπεριφορών.

Από τη "προχωρημένη" λίστα, προσθέστε "Joystick Left" και "Joystick Right" στον καμβά.

Στη συνέχεια, από την κατηγορία "FX", προσθέστε τη συμπεριφορά "Play Animation" και συνδέστε τόσο τα Joystick Left όσο και Right σε αυτή τη νέα συμπεριφορά Play Animation.

Τώρα, πατήστε τη συμπεριφορά "Play Animation" για να δείτε τις Ιδιότητες Συμπεριφοράς.

Το πρώτο πλαίσιο στην κορυφή είναι το αντικείμενο στο οποίο θέλετε να εφαρμόσετε την κίνηση. Το hyperPad επιλέγει αυτόματα το τρέχον αντικείμενο.

Σημείωση: Μπορείτε να πατήσετε εδώ και να επιλέξετε οποιοδήποτε άλλο αντικείμενο στη σκηνή σας αν θέλατε. Δεν θέλουμε να το κάνουμε αυτό τώρα, οπότε θα το αφήσουμε μόνο του.

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

Πατήστε το κενό πλαίσιο για να επιλέξετε μια κίνηση.

Παρατηρήστε ότι εμφανίζεται μια ταινία κατά μήκος του κάτω μέρους της οθόνης. Πατήστε το εικονίδιο Βιβλιοθήκης Πόρων για να προσθέσετε έναν κύκλο κινήσεων στην ταινία.

Πηγαίνετε στον κινούμενο χαρακτήρα "Green Spaceman" και επιλέξτε τον κύκλο "Walk". Παρατηρήστε ότι κάθε καρέ της κίνησης έχει προστεθεί αυτόματα στην ταινία. Πατήστε οπουδήποτε για να κλείσετε την ταινία και να επιστρέψετε στις ιδιότητες.

Σημείωση: Μπορείτε επίσης να προσθέσετε μεμονωμένες εικόνες ή καρέ animation στην ταινία κίνησης. Δεν περιορίζεστε μόνο σε προδημιουργημένους κύκλους κινήσεων.

Στη συνέχεια, από τις ιδιότητες συμπεριφοράς της κίνησης Walk απενεργοποιήστε τον διακόπτη για "Loop Animation". Θέλουμε αυτόν τον διακόπτη εκτός επειδή τα Joystick Left και Right ουσιαστικά επαναλαμβάνουν την κίνηση για εμάς, καθώς η κίνηση θα συμβαίνει μόνο όσο το joystick είναι αριστερά ή δεξιά.

Τέλος, ας μετονομάσουμε αυτή τη συμπεριφορά ώστε να είναι πιο εύκολο να βρούμε αργότερα. Από τις ιδιότητες συμπεριφοράς πατήστε το όνομα της συμπεριφοράς στο επάνω μέρος. Αυτό θα εμφανίσει ένα πληκτρολόγιο και θα σας επιτρέψει να πληκτρολογήσετε ένα νέο όνομα για τη συμπεριφορά. Ας την ονομάσουμε "Walk Animation".

Εάν πατήσετε play τώρα, ο χαρακτήρας σας θα πρέπει να κινείται γύρω με το joystick και να είναι κινούμενος!

Άλματα:

Δεν μπορείτε να έχετε ένα παιχνίδι πλατφόρμας χωρίς άλματα! Κάνοντας τον παίκτη να πηδάει είναι πανεύκολο στο hyperPad.

Ενώ είστε ακόμα στο επεξεργαστή συμπεριφορών του Green Spaceman, πατήστε την κατηγορία "Αλληλεπίδραση" και από τη λίστα συμπεριφορών στα αριστερά, σύρετε τη συμπεριφορά "Jump with Button". Ακριβώς όπως η συμπεριφορά Joystick Controlled, το άλμα με το κουμπί θα χειριστεί επίσης πολλές από τις κινήσεις των αντικειμένων σας και θα προσθέσει αυτόματα ένα κουμπί στη Global UI Layer.

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

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

Αν πατήσετε play τώρα, μπορείτε να δείτε το παίκτη σας να τρέχει γύρω και να πηδάει. Ωστόσο, ίσως παρατηρήσετε ότι ο χαρακτήρας συνεχίζει να περπατά ενώ πηδάει στον αέρα... Ας το διορθώσουμε αυτό!

Ας αρχίσουμε παίζοντας μια κίνηση ενώ πηδάτε.

Από την κατηγορία "Αλληλεπίδραση" προσθέστε μια συμπεριφορά "Started Touching", κατόπιν πατήστε τη συμπεριφορά που μόλις προσθέσατε για να δείτε τις ιδιότητες.

Τώρα πρέπει να αλλάξουμε τη συμπεριφορά ώστε να λειτουργεί μόνο όταν αρχίσετε να αγγίζετε το κουμπί άλματος. Από τις ιδιότητες της συμπεριφοράς "Started Touching", πατήστε το γραφικό του spaceman στο επάνω πλαίσιο.

Αυτό σας μεταφέρει στην οθόνη "Επιλογέας Αντικειμένου". Από εδώ μπορείτε να επιλέξετε οποιοδήποτε αντικείμενο ή UI στοιχείο στη σκηνή σας. Πιθανόν να μην μπορέσετε να επιλέξετε το κουμπί. Αυτό συμβαίνει επειδή ο Green Spaceman βρισκόταν στο Κύριο Layer, και το κουμπί είναι στο Global UI Layer. Από την μπάρα των layers στη δεξιά πλευρά της οθόνης, πατήστε απλά το "Global UI" layer. Τώρα μπορείτε να επιλέξετε το κουμπί.

Με το κουμπί επιλεγμένο, πατήστε το εικονίδιο αποδοχής στο κάτω μέρος.

Στη συνέχεια, προσθέστε άλλη μια συμπεριφορά Play Animation, και συνδέστε την με την προηγούμενη συμπεριφορά "Started Touching" που προσθέσαμε.

Ακριβώς όπως κάνατε νωρίτερα, μπορείτε να μετονομάσετε τη συμπεριφορά και να επιλέξετε μια κίνηση από τις Ιδιότητες Συμπεριφοράς.

Για να μετονομάσετε, πατήστε τον τίτλο της συμπεριφοράς στις ιδιότητες αντικειμένου και εισάγετε ένα νέο όνομα. Χρησιμοποίησα "Jump animation".

Όπως κάνατε για την κίνηση στα πόδια, πρέπει να επιλέξετε έναν κύκλο για το άλμα. Πατήστε το δεύτερο κενό πλαίσιο στις ιδιότητες συμπεριφοράς και επιλέξτε τον κύκλο κίνησης Jump από τις διαθέσιμες κινήσεις Green Spaceman.

Θα χρειαστεί επίσης να απενεργοποιήσετε την εναλλαγή "Loop Animation" και την εναλλαγή "Restore Frame".

Εάν πατήσετε play τώρα, μπορείτε να δείτε όταν πηδάτε ο χαρακτήρας φαίνεται ότι πηδάει! Ωστόσο, υπάρχουν ακόμα 2 μικρά ζητήματα.

1. Ο χαρακτήρας δεν επιστρέφει στην κίνηση στέκεται όταν προσγειώνεται

2. Αν κινήσετε τον χαρακτήρα ενώ είναι στον αέρα, ο χαρακτήρας παίζει την κίνηση περπατήματος στον αέρα.

Για το πρώτο πρόβλημα, εναλλαγή στην κατηγορία "Μετασχηματισμός" και πατήστε το κουμπί προχωρημένου για να δείτε τις προχωρημένες συμπεριφορές.

Τώρα σύρετε τη συμπεριφορά "Stopped Falling" και επίσης σύρετε μια άλλη συμπεριφορά "Play Animation" από την κατηγορία FX και συνδέστε την με την "Stopped Falling".

Στη "Play Animation" που μόλις προσθέσατε, επιλέξτε τον κύκλο κίνησης του Green Spaceman "Stand", απενεργοποιήστε τις εναλλαγές "Restore Frame" και "Loop Animation" και αλλάξτε το όνομα της συμπεριφοράς Play Animation σε "Standing".

Ο Green Spaceman θα πρέπει τώρα να μπορεί να πηδά και να φαίνεται ότι στέκεται όταν προσγειώνεται.

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

Εναλλαγή στην κατηγορία "Custom" και σύρετε τον "Behavior Off" και συνδέστε τον στην συμπεριφορά "Started Touching" που προσθέσαμε προηγουμένως για την Κίνηση Άλματος.

Τώρα πατήστε το "Behavior Off" και πατήστε το κενό πλαίσιο για να επιλέξετε μια συμπεριφορά από τη λίστα. Από τη λίστα, εντοπίστε τη συμπεριφορά "Play Animation" (Walk Animation) που είναι συνδεδεμένη με τις συμπεριφορές Joystick αριστερά και δεξιά.

Στη συνέχεια, προσθέστε μια "Behavior On" και συνδέστε την στην συμπεριφορά "Stopped Falling" που προσθέσαμε προηγουμένως.

Και πάλι, πατήστε το κενό πλαίσιο και επιλέξτε τη συμπεριφορά Play Animation (Walk Animation) που παίζει την κίνηση περπατήματος.

Εάν πατήσετε play τώρα, ο χαρακτήρας σας θα πρέπει να μπορεί να κινείται και να πηδάει τέλεια!

Μετακίνηση της Οθόνης:

Όπως πιθανόν παρατηρήσατε, αν κινηθείτε πολύ μακριά, ο χαρακτήρας βγαίνει εκτός οθόνης. Σε παραδοσιακές πλατφόρμες, η οθόνη τυπικά κινείται με τον παίκτη σας. Πάρτε το Mario για παράδειγμα, ο Mario μένει πάντα στη μέση της οθόνης (με μια μικρή διακύμανση).

Ας κάνουμε την οθόνη να κινείται με τον Green Spaceman, έτσι ώστε να μην μπορεί να βγει από την οθόνη.

Ενώ είστε ακόμα στους συμπεριφορών του Green Spaceman, μεταβείτε στην κατηγορία "Οθόνη" και προσθέστε τη συμπεριφορά "Screen Follow". Η συμπεριφορά "Screen Follow" θα μετακινήσει την οθόνη με το επιλεγμένο αντικείμενό σας.

Στη συνέχεια, ανοίξτε τις ιδιότητες της συμπεριφοράς Screen Follow και απενεργοποιήστε την εναλλαγή για "Follows Y". Αυτό σημαίνει ότι η οθόνη θα ακολουθεί τον παίκτη σας αριστερά ή δεξιά, αλλά όχι επάνω ή κάτω.

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

Μπορείτε να κατεβάσετε την ολοκληρωμένη έκδοση του Μέρη 4 από το Hub και να το δείτε όλο σε δράση.

Στο Μέρος 5, θα αρχίσουμε να προσθέτουμε λίγο περισσότερα στοιχεία παιχνιδιού προσθέτοντας νομίσματα για να μαζεύουμε, και μια βαθμολογία.