Πώς να φτιάξετε διαδικτυακά παιχνίδια (με εικόνες)

Πίνακας περιεχομένων:

Πώς να φτιάξετε διαδικτυακά παιχνίδια (με εικόνες)
Πώς να φτιάξετε διαδικτυακά παιχνίδια (με εικόνες)

Βίντεο: Πώς να φτιάξετε διαδικτυακά παιχνίδια (με εικόνες)

Βίντεο: Πώς να φτιάξετε διαδικτυακά παιχνίδια (με εικόνες)
Βίντεο: Πώς Να Εισάγετε Μία Παραπομπή Σε Έγγραφο του Microsoft Word; 2024, Ενδέχεται
Anonim

Έχετε παίξει ποτέ ένα διαδικτυακό παιχνίδι και σκεφτήκατε, "Μακάρι να μπορούσα να φτιάξω ένα από αυτά, έχω μερικές υπέροχες ιδέες"; Στο παρελθόν ήταν απαραίτητο να μάθουμε πώς να κωδικοποιούμε στο ActionScript 3, τη γλώσσα που ενεργοποιεί το Flash. Ωστόσο, χάρη σε ορισμένα προγράμματα δημιουργίας παιχνιδιών, η εμπειρία κωδικοποίησης αποτελεί απαίτηση του παρελθόντος. Μπορείτε να δημιουργήσετε διασκεδαστικά, βαθιά παιχνίδια χειρίζοντας αντικείμενα και λογική, χωρίς να αγγίζετε ποτέ μια γραμμή κώδικα.

Βήματα

Μέρος 1 από 4: Σχεδιάζοντας το παιχνίδι

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 1
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 1

Βήμα 1. Γράψτε μια βασική περιγραφή

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

Δείτε αυτόν τον οδηγό για περισσότερες λεπτομέρειες σχετικά με τη σύνταξη ενός εγγράφου σχεδιασμού παιχνιδιού

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 2
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 2

Βήμα 2. Σχεδιάστε μερικά σκίτσα

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 3
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 3

Βήμα 3. Επιλέξτε μια μέθοδο για τη δημιουργία του παιχνιδιού σας

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

  • Stencyl - Αυτό είναι ένα νεότερο εργαλείο που σας επιτρέπει να δημιουργείτε παιχνίδια χρησιμοποιώντας αντικείμενα και λογικά σενάρια. Αυτά τα παιχνίδια μπορούν στη συνέχεια να μετατραπούν σε έργα Flash και να μεταφορτωθούν σε οποιονδήποτε ιστότοπο υποστηρίζει παιχνίδια Flash.
  • Κατασκευή 2 - Καθώς το Flash μεγαλώνει, έχει αρχίσει να αντικαθίσταται από άλλα μέσα δημιουργίας παιχνιδιών. Ένας από τους νεότερους τρόπους δημιουργίας ενός διαδικτυακού παιχνιδιού είναι η χρήση HTML5. Κανονικά αυτό απαιτεί πολλές γνώσεις κωδικοποίησης, αλλά το Construct 2 σάς επιτρέπει να δημιουργείτε παιχνίδια χρησιμοποιώντας αντικείμενα και δέσμες ενεργειών, όπως το Stencyl.
  • Flash Builder - Αυτή είναι η παραδοσιακή μέθοδος για τη δημιουργία παιχνιδιών Flash. Αυτό απαιτεί αρκετή γνώση ActionScript, αλλά είναι μία από τις ευκολότερες γλώσσες για να μάθεις τα βασικά. Το Flash Builder κοστίζει χρήματα, αλλά μπορείτε να χρησιμοποιήσετε το πρόγραμμα ανοιχτού κώδικα FlashDevelop για να αποκτήσετε το μεγαλύτερο μέρος της ίδιας λειτουργικότητας.

Μέρος 2 από 4: Χρήση του Stencyl

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 4
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 4

Βήμα 1. Κατεβάστε και εγκαταστήστε το Stencyl

Το Stencyl είναι ένα πρόγραμμα δημιουργίας παιχνιδιών που δεν απαιτεί γνώσεις κωδικοποίησης. Αντ 'αυτού, μπορείτε να χρησιμοποιήσετε μια ποικιλία λογικών εργαλείων για να χειριστείτε αντικείμενα στο παιχνίδι.

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 5
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 5

Βήμα 2. Δημιουργήστε το νέο σας παιχνίδι

Όταν ξεκινάτε το Stencyl, θα εμφανιστεί μια λίστα με τα παιχνίδια σας. Στη λίστα θα υπάρχουν αρκετά παραδείγματα παιχνιδιών που μπορείτε να δείτε για να δείτε πώς λειτουργούν. Για να ξεκινήσετε να εργάζεστε στο δικό σας παιχνίδι, κάντε κλικ στο πλαίσιο με τη διακεκομμένη γραμμή με την ένδειξη "Κάντε κλικ εδώ για δημιουργία νέου παιχνιδιού".

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 6
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 6

Βήμα 3. Επιλέξτε ένα κιτ

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

Μπορείτε να κατεβάσετε κιτ που έχουν κάνει άλλοι χρήστες στο διαδίκτυο

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 7
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 7

Βήμα 4. Εισαγάγετε τις πληροφορίες του παιχνιδιού σας

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

  • Όνομα - Αυτό είναι το όνομα του παιχνιδιού σας. Μπορείτε να το αλλάξετε αργότερα σε ό, τι θέλετε.
  • Μέγεθος οθόνης - Αυτό είναι το μέγεθος της οθόνης του παιχνιδιού σας και είναι πολύ σημαντικό καθώς θα επηρεάσει την τέχνη που χρησιμοποιείτε. Δεδομένου ότι οι άνθρωποι πιθανότατα παίζουν το παιχνίδι σας στο πρόγραμμα περιήγησής τους, το μέγεθος της οθόνης δεν χρειάζεται να είναι πολύ μεγάλο. Δοκιμάστε Πλάτος: 640 px ightψος: 480 px. Αυτό είναι ένα καλό μέγεθος για να ξεκινήσετε.
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 8
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 8

Βήμα 5. Εξοικειωθείτε με τη διάταξη

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

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

Βήμα 6. Προσαρμόστε έναν ηθοποιό

Ηθοποιός είναι κάθε αντικείμενο που κινείται ή μπορεί να αλληλεπιδράσει στο παιχνίδι (παίκτης, εχθρός, πόρτες κλπ.). Θα χρειαστεί να δημιουργήσετε έναν ηθοποιό για κάθε αντικείμενο στο παιχνίδι σας. Για να δημιουργήσετε έναν ηθοποιό, κάντε κλικ στην επιλογή "Τύποι ηθοποιών" στο μενού Πόροι. Επιλέξτε τον ηθοποιό που θέλετε από τη λίστα (η λίστα καθορίζεται από το κιτ που επιλέξατε).

  • Αναθέστε τον ηθοποιό σε μια ομάδα (Παίκτης, Εχθρός). Αυτό θα βοηθήσει στον προσδιορισμό των ιδιοτήτων σύγκρουσης του ηθοποιού. Επιλέξτε τον ηθοποιό σας για να ανοίξετε το Actor Editor. Κάντε κλικ στην καρτέλα Ιδιότητες και, στη συνέχεια, επιλέξτε την κατάλληλη ομάδα από το αναπτυσσόμενο μενού.
  • Προσθέστε συμπεριφορές (άλματα, χτύπημα, βάδισμα). Οι συμπεριφορές είναι αυτές που επιτρέπουν στον ηθοποιό σας να εκτελέσει δράσεις. Κάντε κλικ στην καρτέλα Συμπεριφορές και, στη συνέχεια, κάντε κλικ στο κουμπί "+ Προσθήκη συμπεριφοράς" στην κάτω αριστερή γωνία. Επιλέξτε μια συμπεριφορά (όπως "Walking") από τη λίστα και, στη συνέχεια, κάντε κλικ στην επιλογή "Επιλογή".
  • Ρυθμίστε τα χειριστήρια. Εάν δημιουργείτε έναν χαρακτήρα παίκτη, τότε πιθανότατα θα θέλετε να επιτρέψετε στον παίκτη να τον μετακινήσει. Όταν προσθέτετε τη συμπεριφορά Walking, θα μεταφερθείτε στην οθόνη των χαρακτηριστικών Walking. Μπορείτε να χρησιμοποιήσετε τα αναπτυσσόμενα μενού για να επιλέξετε ποια πλήκτρα θα μετακινήσουν τον ηθοποιό αριστερά και δεξιά. Μπορείτε επίσης να εκχωρήσετε κινούμενα σχέδια εάν το κιτ που χρησιμοποιείτε περιέχει οποιαδήποτε.
  • Μπορείτε να προσθέσετε πολλαπλές συμπεριφορές για να προσαρμόσετε τι μπορεί να κάνει ένας ηθοποιός.
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 10
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 10

Βήμα 7. Δημιουργήστε μια σκηνή

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

  • Ιστορικό - Η σκηνή σας θα έχει μέγεθος αυτόματα, οπότε δεν χρειάζεται να ανησυχείτε γι 'αυτό τη στιγμή. Μπορείτε να επιλέξετε να χρησιμοποιήσετε ένα χρώμα ως φόντο, το οποίο θα έχει πλακάκια τοποθετημένα πάνω του. Μπορείτε να επιλέξετε από ένα μονόχρωμο ή μια κλίση. Κάντε κλικ στο "Δημιουργία" όταν τελειώσετε. Αυτό θα ανοίξει το Scene Designer.
  • Τοποθετήστε πλακάκια - Το σετ πλακιδίων που περιλαμβάνεται στο κιτ σας θα φορτωθεί στη δεξιά πλευρά του παραθύρου. Κάντε κλικ στο εργαλείο Μολύβι στο αριστερό μενού και, στη συνέχεια, κάντε κλικ στο πλακίδιο που θέλετε να χρησιμοποιήσετε. Στη συνέχεια, μπορείτε να τοποθετήσετε το πλακίδιο στη σκηνή σας. Κάντε κλικ και σύρετε με το ποντίκι για να τοποθετήσετε πολλά πλακίδια.
  • Τοποθέτηση ηθοποιών - Κάντε κλικ στην καρτέλα Ηθοποιοί πάνω από το σετ πλακιδίων για να μεταβείτε στους διαθέσιμους ηθοποιούς. Πρέπει να τα έχετε δημιουργήσει προηγουμένως για να εμφανίζονται σε αυτήν τη λίστα. Κάντε κλικ στον ηθοποιό που θέλετε να τοποθετήσετε και, στη συνέχεια, κάντε κλικ στο σημείο της σκηνής που θέλετε να εμφανίζεται. Εάν κρατήσετε πατημένο το ⇧ Shift, ο ηθοποιός θα ασφαλίσει στο πλέγμα.
  • Προσθήκη βαρύτητας - Κάντε κλικ στην καρτέλα "Φυσική" στο επάνω μέρος του παραθύρου και, στη συνέχεια, εισαγάγετε μια τιμή στο πεδίο "Βαρύτητα (κάθετα)". Η είσοδος 85 θα προσομοιώσει τη βαρύτητα του πραγματικού κόσμου.
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 11
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 11

Βήμα 8. Δοκιμάστε το παιχνίδι

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

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 12
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 12

Βήμα 9. Προσθέστε περισσότερα

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 13
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 13

Βήμα 10. Site Lock το παιχνίδι σας

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

  • Ανοίξτε τις "Ρυθμίσεις παιχνιδιού" από το δέντρο "Πόροι". Επιλέξτε την ενότητα "Φορτωτής". Εισαγάγετε τους ιστότοπους που θέλετε να επιτρέψετε στο πεδίο "Κλείδωμα ιστότοπου", χωρισμένα με κόμμα χωρίς κενό. Για παράδειγμα, newgrounds.com, kongregate.com.
  • Ενώ βρίσκεστε σε αυτήν την οθόνη, εισαγάγετε την αρχική σας σελίδα στο πεδίο "Η αρχική σας σελίδα", εάν έχετε. Αυτό θα επιτρέψει στους παίκτες που παίζουν το παιχνίδι σας να συνδεθούν με τον ιστότοπό σας.
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 14
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 14

Βήμα 11. Εξαγάγετε το παιχνίδι ως Flash

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 15
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 15

Βήμα 12. Δημοσίευση του παιχνιδιού

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

  • Δείτε αυτόν τον οδηγό για τη μεταφόρτωση του παιχνιδιού σας στον δικό σας ιστότοπο.
  • Εάν θέλετε να ανεβάσετε το παιχνίδι σας σε έναν ιστότοπο όπως το Newgrounds ή το Kongregate, θα πρέπει να δημιουργήσετε έναν λογαριασμό και στη συνέχεια να ακολουθήσετε τη διαδικασία μεταφόρτωσης για τον ιστότοπο. Οι όροι και οι προϋποθέσεις διαφέρουν από ιστότοπο σε ιστότοπο.
  • Εάν θέλετε να δημοσιεύσετε το παιχνίδι σας στο Stencyl Arcade, μπορείτε να το κάνετε από το πρόγραμμα Stencyl. Κάντε κλικ Δημοσιεύω επιλέξτε Stencyl και, στη συνέχεια, κάντε κλικ στο Arcade. Το παιχνίδι θα μεταφορτωθεί αυτόματα, οπότε βεβαιωθείτε ότι είστε ευχαριστημένοι με το όνομα πριν το κάνετε αυτό. Το Stencyl Arcade έχει όριο μεγέθους αρχείου 8 MB.

Μέρος 3 από 4: Χρήση Κατασκευής 2

Δημιουργία διαδικτυακών παιχνιδιών Βήμα 16
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 16

Βήμα 1. Κατεβάστε και εγκαταστήστε το Construct 2

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

Το Construct 2 είναι δωρεάν, αν και ορισμένες δυνατότητες είναι περιορισμένες, εκτός εάν κάνετε αναβάθμιση. Η δωρεάν έκδοση δεν μπορεί να δημοσιευθεί σε άλλες πλατφόρμες εκτός από την HTML5

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 17
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 17

Βήμα 2. Δημιουργήστε ένα νέο έργο

Όταν ξεκινάτε για πρώτη φορά το Construct 2, θα υποδεχτείτε ένα μενού καλωσορίσματος. Κάντε κλικ στο σύνδεσμο "Νέο έργο" για να ξεκινήσετε ένα νέο παιχνίδι. Υπάρχουν επίσης μερικά παραδείγματα που μπορείτε να χρησιμοποιήσετε για να δείτε πώς δημιουργούνται τα βασικά παιχνίδια.

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 18
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 18

Βήμα 3. Προσαρμόστε τις ρυθμίσεις του έργου σας

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 19
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 19

Βήμα 4. Εισαγάγετε ένα φόντο

Κάντε διπλό κλικ στη διάταξη. Επιλέξτε "Φόντο με πλακάκια" από την ενότητα Γενικά. Κάντε κλικ στη διάταξή σας για να τοποθετήσετε το φόντο. Αυτό θα ανοίξει τον επεξεργαστή φόντου. Θα χρειαστεί να δημιουργήσετε τη δική σας χρησιμοποιώντας λογισμικό επεξεργασίας εικόνας ή να κατεβάσετε υφές από διάφορες τοποθεσίες στο διαδίκτυο.

  • Ορίστε φόντο στο μέγεθος της διάταξης. Κάντε αυτό επιλέγοντας το αντικείμενο φόντου και αλλάζοντας το μέγεθος στο πλαίσιο Ιδιότητες.
  • Αλλάξτε το όνομα του στρώματος και κλειδώστε το. Θα θέλετε να κλειδώσετε το επίπεδο για να αποτρέψετε την τυχαία μετακίνησή του κατά την τοποθέτηση άλλων αντικειμένων. Κάντε κλικ στην καρτέλα "Επίπεδα" στη δεξιά πλευρά της οθόνης. Επιλέξτε το επίπεδο και κάντε κλικ στο εικονίδιο Μολύβι. Ονομάστε το επίπεδο "Φόντο" και, στη συνέχεια, κάντε κλικ στο κουμπί "Λουκέτο" για να κλειδώσετε το φόντο.
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 20
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 20

Βήμα 5. Δημιουργήστε ένα νέο επίπεδο

Στην καρτέλα Επίπεδα, κάντε κλικ στο κουμπί "+" για να δημιουργήσετε ένα νέο επίπεδο. Μετονομάστε το σε "Κύριο". Αυτό θα είναι το επίπεδο στο οποίο βρίσκονται τα περισσότερα αντικείμενα του παιχνιδιού σας. Βεβαιωθείτε ότι έχει επιλεγεί το κύριο επίπεδο πριν συνεχίσετε.

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 21
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 21

Βήμα 6. Προσθέστε εισόδους για το παιχνίδι σας

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

Κάντε διπλό κλικ στη διάταξή σας και επιλέξτε "Ποντίκι" από την ενότητα Εισαγωγή. Κάντε το ίδιο για να εισαγάγετε το αντικείμενο "Πληκτρολόγιο"

Δημιουργία διαδικτυακών παιχνιδιών Βήμα 22
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 22

Βήμα 7. Προσθέστε αντικείμενα

It'sρθε η ώρα να αρχίσετε να προσθέτετε κάποια αντικείμενα παιχνιδιού στη διάταξή σας. Κάντε διπλό κλικ στη διάταξη και επιλέξτε "Sprite" από την ενότητα Γενικά. Χρησιμοποιήστε το στόχαστρο για να επιλέξετε πού θέλετε να τοποθετήσετε το Sprite. Ο επεξεργαστής εικόνας θα ανοίξει, επιτρέποντάς σας είτε να φορτώσετε ένα υπάρχον Sprite είτε να δημιουργήσετε ένα νέο.

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

Δημιουργία διαδικτυακών παιχνιδιών Βήμα 23
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 23

Βήμα 8. Προσθέστε συμπεριφορές στα αντικείμενά σας

Για να προσθέσετε μια συμπεριφορά, κάντε κλικ στο αντικείμενο που θέλετε να προσθέσετε μια πλήρη συμπεριφορά για να την επιλέξετε. Κάντε κλικ στο σύνδεσμο "Προσθήκη/επεξεργασία" στην ενότητα Συμπεριφορές του πλαισίου Ιδιότητες. Θα εμφανιστεί μια λίστα με τις διαθέσιμες συμπεριφορές.

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

Κάντε Online Παιχνίδια Βήμα 24
Κάντε Online Παιχνίδια Βήμα 24

Βήμα 9. Αλλαγή ιδιοτήτων συμπεριφοράς

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 25
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 25

Βήμα 10. Κατανοήστε πώς λειτουργούν τα γεγονότα

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

Δημιουργία διαδικτυακών παιχνιδιών Βήμα 26
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 26

Βήμα 11. Δημιουργήστε ένα συμβάν

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

  • Επιλέξτε πότε πραγματοποιείται η ενέργεια. Αφού επιλέξετε το αντικείμενο, θα σας ζητηθεί να επιλέξετε πότε πρέπει να συμβεί το συμβάν. Αυτό μπορεί να βασιστεί σε άλλα γεγονότα ή σε συγκεκριμένες χρονικές στιγμές. "Κάθε τσιμπούρι" είναι πάντα.
  • Προσθέστε μια ενέργεια. Θα σας ζητηθεί να επιλέξετε ένα από τα αντικείμενά σας. Επιλέξτε από μια λίστα ενεργειών. Για παράδειγμα, αν δημιουργείτε ένα shooter από πάνω προς τα κάτω και θέλετε ο χαρακτήρας του παίκτη να κοιτάζει πάντα το ποντίκι, θα δημιουργήσετε μια ενέργεια "Ορισμός γωνίας προς τη θέση" σε κάθε τικ που έχει οριστεί στο αντικείμενο Player. Όταν σας ζητηθούν οι συντεταγμένες, εισαγάγετε "Mouse. X" για X και "Mouse. Y" για Y. Αυτό θα κρατήσει το πλοίο του παίκτη πάντα στραμμένο προς τον δρομέα.
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 27
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 27

Βήμα 12. Προσθέστε περισσότερα γεγονότα και συμπεριφορές

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

Δημιουργία διαδικτυακών παιχνιδιών Βήμα 28
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 28

Βήμα 13. Προσθέστε μερικές μεταβλητές

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

  • Μεταβλητές παρουσίας - Οι μεταβλητές παρουσίας είναι μεταβλητές που έχουν εκχωρηθεί σε μεμονωμένα αντικείμενα. Χρησιμοποιούνται για πράγματα όπως η υγεία του εχθρού και των παικτών. Μπορείτε να προσθέσετε μεταβλητές παρουσίας μετά την επιλογή ενός αντικειμένου κάνοντας κλικ στο σύνδεσμο "Προσθήκη / επεξεργασία" στην ενότητα Μεταβλητές του πλαισίου Ιδιότητες. Δώστε στη μεταβλητή ένα όνομα στο οποίο μπορεί να γίνει αναφορά σε ένα συμβάν, καθώς και μια αρχική τιμή.
  • Παγκόσμια μεταβλητές - Οι καθολικές μεταβλητές είναι μεταβλητές που εκχωρούνται σε ολόκληρο το παιχνίδι. Χρησιμοποιούνται για πράγματα όπως το σκορ παίκτη. Για να δημιουργήσετε μια καθολική μεταβλητή, ανοίξτε το φύλλο συμβάντων και κάντε δεξί κλικ σε ένα κενό διάστημα. Κάντε κλικ στην επιλογή "Προσθήκη καθολικής μεταβλητής", δώστε της ένα όνομα στο οποίο μπορείτε να αναφέρετε σε ένα συμβάν και, στη συνέχεια, εισαγάγετε μια αρχική τιμή.
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 29
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 29

Βήμα 14. Δημιουργήστε μια διεπαφή

Κατά τη δημιουργία μιας διεπαφής, είναι συνήθως καλύτερο να το κάνετε σε ένα νέο επίπεδο. Αυτό συμβαίνει επειδή η διεπαφή σπάνια μετακινείται ή αλλάζει, οπότε είναι καλό να την έχετε σε ένα κλειδωμένο επίπεδο. Στο πλαίσιο Ιδιότητες για το νέο επίπεδο, ορίστε το "Parallax" στο 0. Αυτό θα αποτρέψει την κύλιση του επιπέδου όταν το κάνει η οθόνη.

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 30
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 30

Βήμα 15. Δοκιμάστε και αναθεωρήστε το παιχνίδι σας

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

Δημιουργία διαδικτυακών παιχνιδιών Βήμα 31
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 31

Βήμα 16. Εξαγωγή του παιχνιδιού

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

Δημιουργία διαδικτυακών παιχνιδιών Βήμα 32
Δημιουργία διαδικτυακών παιχνιδιών Βήμα 32

Βήμα 17. Δημοσιεύστε το παιχνίδι

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

Μέρος 4 από 4: Κωδικοποίηση από το Scratch

Βήμα 1. Κάντε λήψη ενός IDE προγραμματισμού (Integrated Development Environment) που υποστηρίζει HTML όπως το Game Maker Studio

Ορισμένα είναι διαθέσιμα δωρεάν αν και πολλά από τα καλύτερα IDE κοστίζουν εκατοντάδες δολάρια.

Βήμα 2. Μάθετε να χρησιμοποιείτε το IDE

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

Βήμα 3. Δημιουργήστε το παιχνίδι σας μόλις νομίζετε ότι είστε έτοιμοι

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

Βήμα 4. Δοκιμάστε το παιχνίδι

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

Βήμα 5. Δημοσιεύστε το

Δημοσιεύστε το παιχνίδι σας online σε έναν ιστότοπο όπως το Kongregate. Θα πρέπει να είστε προετοιμασμένοι για εποικοδομητική κριτική και μπορεί να θέλετε να ενημερώσετε το παιχνίδι σας για να ικανοποιήσετε τις επιθυμίες της βάσης σας.

Συμβουλές

  • Εάν ενδιαφέρεστε περισσότερο να μάθετε τον κώδικα που βρίσκεται πίσω από τα παιχνίδια Flash, μπορείτε να χρησιμοποιήσετε τον κώδικα Flash Builder και ActionScript 3 για να δημιουργήσετε προσαρμοσμένα παιχνίδια. Αυτό θα διαρκέσει περισσότερο, αλλά θα μπορούσε να οδηγήσει σε μια πιο μοναδική εμπειρία. Δείτε αυτόν τον οδηγό για λεπτομέρειες σχετικά με τον προγραμματισμό στο Actions Script 3.
  • Δώστε πίστωση σε οποιεσδήποτε πηγές από τις οποίες αντλήσατε ιδέες ή περιεχόμενο και σε όλους τους άλλους που βοήθησαν στη δημιουργία του παιχνιδιού.

Συνιστάται: