Πώς να φτιάξετε το Tappy Plane (κλώνος του Flappy Birds) | hyperPad Documentation

Loading...

Logo
DocumentationΜαθήματαΠώς να φτιάξετε το Tappy Plane (κλώνος του Flappy Birds)
Μαθήματα

Πώς να φτιάξετε το Tappy Plane (κλώνος του Flappy Birds)

Last updated August 21, 2018

Εισαγωγή:

Γεια σας και καλώς ήλθατε στο σεμινάριο για τη δημιουργία ενός παιχνιδιού τύπου "Flappy Birds" στην εφαρμογή hyperPad.

Η δική μας έκδοση είναι ελαφρώς διαφορετική, οπότε την ονομάζουμε Tappy Plane.

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

Σε αυτό το σεμινάριο θα δημιουργήσουμε ένα απλό παιχνίδι με στυλ Flappy Bird. Ο τρόπος παιχνιδιού θα περιλαμβάνει τον παίκτη που πατά την οθόνη για να ελέγχει το αεροπλάνο, μετακινώντας το προς τα πάνω και προς τα κάτω, ώστε να το περνάει μέσα από μια σειρά από βράχους. Κάθε βράχος που περνάει θα απονέμει ένα πόντο και με αρκετούς πόντους, οι παίκτες θα αποκτούν ένα μετάλλιο. Τα μετάλλια αυξάνονται σε αξία όσο υψηλότερη είναι η βαθμολογία κάποιου, φτάνοντας μέχρι ένα λαμπερό χρυσό μετάλλιο! Και ποιος δεν αγαπά τα λαμπερά πράγματα!;

Αν δεν έχετε ακόμη την εφαρμογή hyperPad, μπορείτε να την κατεβάσετε από το App Store: https://itunes.apple.com/app/apple-store/id886106438?mt=8

Μπορείτε να μάθετε περισσότερα για την hyperPad από την ιστοσελίδα μας στο http://www.hyperpad.com

Έτσι χωρίς άλλη καθυστέρηση, ας αρχίσουμε!

Μέρος 1: Έναρξη

Δημιουργία του έργου:

Το πρώτο πράγμα που πρέπει να κάνουμε είναι να ξεκινήσουμε ένα νέο έργο. Όταν φορτώσετε την εφαρμογή hyperPad, θα πρέπει να δείτε την οθόνη έργων. Εδώ θα βρείτε όλα τα έργα που έχετε δημιουργήσει καθώς και οποιαδήποτε έχετε κατεβάσει. Για την ώρα, θέλουμε να ξεκινήσουμε ένα νέο έργο. Πατήστε το κουμπί Νέου Έργου στην επάνω δεξιά γωνία της οθόνης που φαίνεται παρακάτω. Tappy_Plane_Tutorial_v01_html_2b8be446.png

Αφού το κάνετε αυτό, θα δείτε να εμφανίζεται ένα αναδυόμενο παράθυρο. Εδώ θα ονομάσουμε το έργο και θα δημιουργήσουμε ένα αντίγραφο ασφαλείας στο cloud αν το επιθυμούμε. Επιπλέον, μπορείτε να πατήσετε το κουμπί «Ξεκινήστε με ένα δείγμα αντί» για να εισαγάγετε ένα από τα βασικά έργα μας. Ωστόσο, προς το παρόν δεν θα το κάνουμε αυτό. Ονομάστε το έργο Tappy Plane και στη συνέχεια πατήστε το κουμπί 'Επόμενο'.

Tappy_Plane_Tutorial_v01_html_17be4f46.png

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

Tappy_Plane_Tutorial_v01_html_m7c197769.png

Τέλος, μπορούμε τώρα να επιλέξουμε ποιο τύπο παιχνιδιού θέλουμε να κάνουμε. Αυτή τη στιγμή, η hyperPad υποστηρίζει δύο τύπους λειτουργιών, οπτική προοπτική και πλευρική θέα. Η οπτική προοπτική είναι συνήθως χρησιμοποιούμενη για παιχνίδια όπως το The Legend of Zelda πριν μετατραπεί σε 3D, παιχνίδια παζλ όπως το Bejeweled και παιχνίδια οπτικής προοπτικής. Η πλευρική όψη χρησιμοποιείται συνήθως για παιχνίδια πλατφορμών όπως το Super Mario Bros.

Οι δύο εκδόσεις λειτουργούν ταυτόσημα με μια μικρή διαφορά, η οπτική προοπτική θα έχει απενεργοποιημένες τις ρυθμίσεις βαρύτητας (αντ' αυτού βασίζεται στην αεροδυναμική αντίσταση για να προσομοιώσει τη βαρύτητα προς την οθόνη), οπότε κρατήστε το αυτό στο μυαλό σας κατά την δημιουργία του έργου σας. Μπορείτε πάντα να αλλάξετε αυτό αργότερα στο μενού Παγκόσμιες Ιδιοκτησίες.

Για αυτό το σεμινάριο, θα χρησιμοποιούμε τη πλευρική θέα, οπότε βεβαιωθείτε ότι είναι επιλεγμένη. Στη συνέχεια, έχουμε τις ρυθμίσεις βαρύτητας και τον λόγο PTM. Από προεπιλογή, η βαρύτητα θα ρυθμιστεί στο 0 και -25.

Αυτές είναι οι τιμές x και y, ή πιο απλά οι οριζόντιες και κατακόρυφες της παιχνιδιέας μας. Το X αντιπροσωπεύει την κατεύθυνση προς τα αριστερά και δεξιά, ενώ το Y αντιπροσωπεύει την κατεύθυνση προς τα πάνω και κάτω. Οι προεπιλεγμένες τιμές 0 και -25 σημαίνει ότι δεν θα υπάρχουν δυνάμεις βαρύτητας που να σπρώχνουν τα αντικείμενα προς τα αριστερά και δεξιά, αλλά θα πέφτουν με ρυθμό 25 μέτρων ανά δευτερόλεπτο. Για αυτό το σεμινάριο, οι προεπιλεγμένες τιμές είναι αρκετές.

Ο λόγος PTM αναφέρεται σε Σημεία προς Μeters, ή με απλούς όρους, πόσες πίξελ (σημεία) υπάρχουν σε 1 μέτρο hyperPad. Από προεπιλογή, αυτό ρυθμίζεται σε 32 pt/m ή 32 πίξελ ανά μέτρο. Αυτό είναι σημαντικό να το γνωρίζετε κατά την δημιουργία καλλιτεχνικών στοιχείων και όλα τα καλλιτεχνικά στοιχεία πρέπει να ακολουθούν αυτή τη κλίμακα. Σε αυτό το σεμινάριο θα χρησιμοποιήσουμε δωρεάν στοιχεία που παρέχονται από την βιβλιοθήκη στοιχείων hyperPad, οπότε δεν χρειάζεται να αλλάξουμε τη κλίμακα.

Tappy_Plane_Tutorial_v01_html_5c0dd9dd.png

Με αυτό που ολοκληρώσαμε, πατήστε το κουμπί Δημιουργία και ας ξεκινήσουμε!

Ο Συντάκτης:

Τώρα που είμαστε στο έργο, θα πρέπει να δείτε μια οθόνη που φαίνεται έτσι:

Tappy_Plane_Tutorial_v01_html_m13da2ad3.png

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

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

Tappy_Plane_Tutorial_v01_html_3650d3ed.png

Η Βιβλιοθήκη Στοιχείων:

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

Tappy_Plane_Tutorial_v01_html_6618ae6d.png

Εδώ θα βρείτε δωρεάν πακέτα στοιχείων που έχουν ρυθμιστεί από εμάς στην hyperPad για να βοηθήσουν να ξεκινήσετε τα έργα σας. Βρείτε και πατήστε το πακέτο στοιχείων Tappy Plane.

Tappy_Plane_Tutorial_v01_html_b527153.png

Τώρα, απλά πατήστε το κουμπί 'Λάβετε' για να ξεκινήσετε την εισαγωγή (Σημείωση: αν προκύψει κάποιο σφάλμα, απλά πατήστε το ξανά για να επανεκκινήσετε την εισαγωγή). Μόλις αυτό ολοκληρωθεί, θα λάβετε ένα μήνυμα που λέει ότι τα στοιχεία έχουν εισαχθεί με επιτυχία. απλά πατήστε Κλείσιμο στην επάνω δεξιά γωνία της οθόνης για να επιστρέψετε στη hyperPad.

Tappy_Plane_Tutorial_v01_html_m7797425.png

Και είναι τόσο απλό. Τώρα θα πρέπει να δείτε ένα νέο φάκελο στον περιηγητή στοιχείων σας που ονομάζεται Downloads. Πατώντας το θα αποκαλύψει το φάκελο με το πακέτο Tappy Plane και μέσα σε αυτό, τα καλλιτεχνικά στοιχεία μας.

Επόμενος θα αρχίσουμε τη συναρμολόγηση του παιχνιδιού μας.

Μέρος 2: Τρόπος παιχνιδιού

Αν είστε εξοικειωμένοι με το Flappy Bird, τότε είστε ήδη εξοικειωμένοι με το στυλ του παιχνιδιού. Πατήστε την οθόνη για να κρατήσετε το πουλί, ή στην περίπτωση μας το αεροπλάνο, στον αέρα προσπαθώντας να μην χτυπήσετε στα ερχόμενα εμπόδια. Αυτά τα εμπόδια θα αναδύονται σε τυχαίες διαμορφώσεις, οπότε κάθε φορά που παίζετε είναι διαφορετική από την προηγούμενη. Οι πόντοι απονέμονται για την επιτυχία στην αποφυγή εμποδίων και η υψηλή σας βαθμολογία καταγράφεται.

Προσθέτοντας το Αεροπλάνο:

Οπότε τώρα που καταλαβαίνετε τις βασικές αρχές του παιχνιδιού, μπορούμε να ξεκινήσουμε. Το πρώτο πράγμα που χρειάζεται να κάνουμε είναι να βάλουμε τον χαρακτήρα του παίκτη στην οθόνη. Πηγαίνετε στον περιηγητή στοιχείων σας και ανοίξτε το φάκελο με τις λήψεις και περιηγηθείτε μέχρι να δείτε τα καλλιτεχνικά στοιχεία σας. Θα πρέπει να υπάρχει ένας φάκελος που λέγεται Αεροπλάνα.

Tappy_Plane_Tutorial_v01_html_6618ae6d.png

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

Tappy_Plane_Tutorial_v01_html_5141bc0f.png

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

Tappy_Plane_Tutorial_v01_html_5dfea855_copy.png

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

Πετώντας Αεροπλάνο:

Έτσι χρειαζόμαστε έναν τρόπο για να ξεκινήσουμε το παιχνίδι. Για να το κάνουμε αυτό, θα χρειαστούμε ένα κουμπί. Τώρα θα μπορούσαμε να χρησιμοποιήσουμε μια απλή γραφική παράσταση για να υποδείξουμε πού να πατήσουμε, αλλά για το παιχνίδι μας θέλουμε να δώσουμε στους παίκτες τη δυνατότητα να πατάνε οπουδήποτε στην οθόνη. Πώς το κάνουμε αυτό; Θα κάνουμε το σύνολο της οθόνης ένα κουμπί!

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

Tappy_Plane_Tutorial_v01_html_1eb2b0dc.png

Όπως μπορείτε να δείτε, αυτή τη στιγμή υπάρχουν τρεις στρώσεις από προεπιλογή. Η Παγκόσμια UI, το UI Σκηνής και μετά το Κύριο μετά από μια διαχωριστική γραμμή. Να σημειώσουμε ότι οτιδήποτε στην στρώση Παγκόσμια UI θα εμφανίζεται σε κάθε σκηνή του παιχνιδιού σας. Όλες οι άλλες στρώσεις είναι συγκεκριμένες για τις επιμέρους σκηνές τους. Για να δημιουργήσετε μια νέα στρώση, απλά πατήστε το εικονίδιο + στο κάτω μέρος της καρτέλας στρώσεων. Αυτό θα μας ζητήσει να ονομάσουμε τη νέα στρώση. Πληκτρολογήστε Κουμπί και πατήστε Οκ.

Tappy_Plane_Tutorial_v01_html_m7a4ee638.png

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

Τώρα για να δημιουργήσουμε το κουμπί μας, αυτό είναι πολύ απλό. Πατήστε το κουμπί Ειδικά Αντικείμενα (το εικονίδιο του βάζου) στην κάτω δεξιά γωνία της Μπάρας Αντικειμένων. Αυτό θα ζητήσει ένα μενού για να δημιουργήσετε έναν τύπο αντικειμένου. Θέλουμε το Άδειο Αντικείμενο. Πατώντας το θα δημιουργήσει ένα μικρό, άδειο τετράγωνο στο κέντρο του έργου μας. Ωστόσο, θέλουμε αυτό να καλύψει ολόκληρη την οθόνη. Πατήστε το εσωτερικό του τετραγώνου για να το επιλέξετε.

Tappy_Plane_Tutorial_v01_html_m1ac89045.png

Προσέξτε ότι, όταν επιλεγεί, εμφανίζονται μικρές πράσινες κουκίδες γύρω από την περιφέρεια του αντικειμένου. Μπορούμε να τα χρησιμοποιήσουμε για να επεκτείνουμε χειροκίνητα το Άδειο Αντικείμενο. Απλά πατήστε και σύρετε μια γωνία για να κλιμακώσετε ομοιόμορφα. Σύρετε τις γωνίες μέχρι το αντικείμενο να καλύψει την καμβά. Οι κουκίδες στις πλευρές μπορούν να χρησιμοποιηθούν για να προσαρμόσουν το αντικείμενο ώστε να ταιριάζει καλύτερα. Στο τέλος θα πρέπει να έχετε κάτι σαν αυτό (Σημείωση: Αν έχετε προβλήματα με την κλίμακα του αντικειμένου, μπορείτε να κάνετε ζουμ εσωτερικά σύροντας δύο δάχτυλα μακριά το ένα από το άλλο και να κάνετε ζουμ έξω φέρνοντάς τα μαζί):

Tappy_Plane_Tutorial_v01_html_m51880d34.png

Επιστρέψτε στην κύρια στρώση αποεπιλέγοντας το άδειο αντικείμενο (πατήστε σε οποιοδήποτε κενό χώρο στην καμβά) και στη συνέχεια πατήστε τη στρώση Κύριο και επιλέξτε ξανά το αεροπλάνο. Πατήστε το κουμπί που λέει συμπεριφορές για να ανοίξετε την οθόνη συμπεριφορών.

Tappy_Plane_Tutorial_v01_html_7eb1aec7.png

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

Tappy_Plane_Tutorial_v01_html_10e22766.png

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

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

Tappy_Plane_Tutorial_v01_html_66bde0bb.png

Φυσικά, μόνο με αυτό, τίποτα δεν θα συμβεί καθώς δεν υπάρχει τίποτα που να ακολουθεί μετά την επαφή μας με το αεροπλάνο. Ας το διορθώσουμε αυτό. Πηγαίνετε στην κατηγορία Φυσικής και κύλιση προς τα κάτω μέχρι να δείτε μια ενότητα με τίτλο Λειτουργίες. Τώρα σύρετε τη συμπεριφορά Δημιουργία Φυσικής και τοποθετήστε την κάτω από την συμπεριφορά Άρχισε να Αγγίζω. Τώρα απλά χρειάζεται να την συνδέσουμε με την Άρχισε να Αγγίζω. Στο κάτω μέρος της Άρχισε να Αγγίζω, θα δείτε μια μικρή αστραπή σε έναν κύκλο. Πατήστε και σύρετε αυτή την γραμμή και θα δείτε μια γραμμή να ακολουθεί το δάχτυλό σας. Σύρετε τη γραμμή πάνω από τη συμπεριφορά Δημιουργία Φυσικής για να την συνδέσετε.

Tappy_Plane_Tutorial_v01_html_m6b86d7df.png

Και είναι τόσο απλό. Μια γρήγορη σημείωση ότι στην hyperPad, οι συμπεριφορές ακολουθούν μια δομή Γεγονός -> δράση. Σε αυτή την περίπτωση η εκδήλωση είναι ότι Άρχισα να Αγγίζω το αεροπλάνο και η δράση είναι ότι το αεροπλάνο γίνεται ένα αντικείμενο φυσικής. Ας πάρουμε μια στιγμή για να δοκιμάσουμε αυτό και να σιγουρευτούμε ότι λειτουργεί σωστά. Στην κορυφή της οθόνης, πατήστε το κουμπί αναπαραγωγής για να αρχίσετε να δοκιμάζετε. Όταν τελειώσετε, πατήστε τις τρεις γραμμές στην επάνω δεξιά για να εμφανιστούν το μενού και επιλέξτε Έξοδος.

Αν όλα πάνε καλά, το αεροπλάνο θα πέσει από την οθόνη μόλις το πατήσετε.

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

Αποεπιλέξτε το αεροπλάνο και πατήστε το εικονίδιο Ειδικά Αντικείμενα (βάζο) στην κάτω δεξιά γωνία της μπάρας για να ανοίξετε το παράθυρο και να δημιουργήσετε ένα άλλο Άδειο Αντικείμενο. Τώρα ας το τοποθετήσουμε σύμφωνα με το κάτω μέρος της καμβά και να το επεκτείνουμε ώστε να καλύψει ολόκληρο το κάτω μέρος.

Tappy_Plane_Tutorial_v01_html_4f7deff0.png

Επιλέξτε το αεροπλάνο και ανοίξτε ξανά το παράθυρο συμπεριφορών. Τώρα θα προσθέσουμε την προϋπόθεση "Χαμένη". Ας σκεφτούμε πίσω σε αυτό που είπα νωρίτερα, οι συμπεριφορές hyperPad λειτουργούν σε βάσεις Γεγονός -> Δράση. Το γεγονός σε αυτή την περίπτωση θα είναι η σύγκρουση του αεροπλάνου με το έδαφος. Ας το ρυθμίσουμε αυτό. Πηγαίνετε στην καρτέλα Αντικείμενα και κάτω από την Ανίχνευση Σύγκρουσης, σύρετε την συμπεριφορά Έχασα στη διάταξη. Μόλις γίνει αυτό, πατήστε την για να ανοίξετε τις ιδιότητές της. Θα δείτε δύο πλαίσια στην κορυφή, το ένα γεμάτο το αεροπλάνο μας και το άλλο κενό. Πατώντας το κενό πλαίσιο θα ανοίξει την άποψη της καμβάς. Πατήστε το κενό αντικείμενο στο κάτω μέρος της οθόνης για να επιλέξετε το, και στη συνέχεια πατήστε την επιταγή στο κάτω μέρος για να εφαρμοστεί.

Tappy_Plane_Tutorial_v01_html_4cf5146d.png

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

Συνδέστε την συμπεριφορά Έχασα με την Φόρτωμα Επικάλυψης. Τώρα, πατήστε την συμπεριφορά Φόρτωμα Επικάλυψης στην καμβά για να ανοίξετε τις ιδιότητές της. Στις ιδιότητες της συμπεριφοράς πατήστε εκεί που λέει Επιλογή Επικάλυψης. Μια λίστα από επικαλύψεις θα εμφανιστεί. Επιλέξτε Παίζω Το Παιχνίδι Πάλι, αυτή είναι μια επίσκεψη που δημιουργείται αυτόματα από προεπιλογή (μπορείτε να μάθετε περισσότερα για τις Επικαλύψεις από την τεκμηρίωση hyperPad) Εάν το επιθυμείτε, μπορείτε επίσης να προσθέσετε σε μια μετάβαση για λίγη επιπλέον στιλ.

Tappy_Plane_Tutorial_v01_html_3c6cd552.png

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

Λογική Παιχνιδιού:

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

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

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

Επιστρέψτε στις συμπεριφορές του αεροπλάνου και επιλέξτε τη συμπεριφορά Φόρτωμα Επικάλυψης. Θα υπάρχει μια μικρή καρτέλα προσαρτημένη στις ιδιότητες. Πατήστε το σκουπίδι για να διαγράψετε τη συμπεριφορά Φόρτωμα Επικάλυψης. Το κάνουμε αυτό γιατί αντί να φορτώσουμε απλά την επικαλύψη, θα στείλουμε ένα μήνυμα ότι η λογική του παιχνιδιού μας θα παραλάβει και θα φορτώσει την οθόνη παιχνιδιού στη συνέχεια. Αν και αυτό τεχνικά δημιουργεί επιπλέον βήματα, θα μας ωφελήσει μακροπρόθεσμα.

Για να μεταδώσουμε ένα μήνυμα, πηγαίνετε στην κατηγορία Προσαρμοσμένα και κάτω από την ενότητα Μετάδοσης, σύρετε τη συμπεριφορά Μετάδοσης Μηνύματος και τοποθετήστε την κάτω από τη συμπεριφορά Έχασα (όπου είχαμε την Φόρτωμα Επικάλυψης). Συνδέστε την Έχασα στη συμπεριφορά Μετάδοσης Μηνύματος και ανοίξτε τις ιδιότητές της. Στο κλειδί γεγονότος, πληκτρολογήστε Did Lose. Σε αυτή την κατάσταση μπορούμε να αφήσουμε την Αναφορά Μετάδοσης κενή, καθώς απλώς αναμεταδίδουμε μια κατάσταση απώλειας. (π.χ. Είπε ότι έχασε: Ναι/Όχι).

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

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

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

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

Tappy_Plane_Tutorial_v01_html_m77abc300.png

Τώρα, ανοίξτε τις συμπεριφορές της Λογικής Παιχνιδιού. Τώρα χρειαζόμαστε μια μέθοδο για να λάβουμε το μήνυμα μας. Κάτω από Προσαρμοσμένα, βρείτε τη συμπεριφορά Λάβετε Μήνυμα και σύρετέ την μέσα. Ανοίξτε τις ιδιότητές της και πατήστε το Ετικέτα Γεγονότος. Πληκτρολογήστε Did Lose και βεβαιωθείτε ότι η ορθογραφία είναι ακριβώς η ίδια όπως και στην Μετάδοση Μηνύματος. Στη συνέχεια, πηγαίνετε στην Σκηνή και σύρετε την συμπεριφορά Φόρτωμα Επικάλυψης και ρυθμίστε την σε Παίζω Το Παιχνίδι Πάλι. Συνδέστε τις δύο.

Η συμπεριφορά "Λάβετε Μήνυμα" είναι μια συμπεριφορά τύπου "Listener". Θα καθίσει εκεί μέχρι να λάβει το μήνυμα που περιμένει. Σε αυτή την περίπτωση "Did Lose". Μόλις λάβει αυτό το μήνυμα, θα ενεργοποιήσει τη συνδεδεμένη δράση. Tappy_Plane_Tutorial_v01_html_m706443af.png