3 τρόποι για να δημιουργήσετε ένα online παιχνίδι

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

3 τρόποι για να δημιουργήσετε ένα online παιχνίδι
3 τρόποι για να δημιουργήσετε ένα online παιχνίδι

Βίντεο: 3 τρόποι για να δημιουργήσετε ένα online παιχνίδι

Βίντεο: 3 τρόποι για να δημιουργήσετε ένα online παιχνίδι
Βίντεο: Monday Fix #10 - Πως να βρείτε την υπερεστιακή απόσταση χειροκίνητα 2024, Ενδέχεται
Anonim

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

Βήμα

Μέθοδος 1 από 3: Σχεδιασμός παιχνιδιών

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

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

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

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

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

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

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

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

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

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

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

Μέθοδος 2 από 3: Χρήση Stencyl

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

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

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

Το Stencyl μπορεί να χρησιμοποιηθεί δωρεάν μόνο εάν επιθυμείτε να δημοσιεύσετε το παιχνίδι σας online. Η δωρεάν έκδοση θα έχει το λογότυπο 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") από τη λίστα και, στη συνέχεια, κάντε κλικ στην επιλογή "Επιλογή".
  • Ορίστε τον έλεγχο. Εάν δημιουργείτε έναν χαρακτήρα παίκτη, θα θέλετε να επιτρέψετε στον παίκτη να τον μετακινήσει. Όταν προσθέτετε μια συμπεριφορά Walk, θα μεταφερθείτε στην οθόνη των χαρακτηριστικών Walking. Μπορείτε να χρησιμοποιήσετε το μενού για να επιλέξετε ποιο πλήκτρο θα μετακινήσει τον ηθοποιό αριστερά και δεξιά. Μπορείτε επίσης να εγκαταστήσετε κινούμενα σχέδια εάν το κιτ που χρησιμοποιείτε τα περιέχει.
  • Μπορείτε να προσθέσετε πολλές συμπεριφορές και να ορίσετε τι μπορούν να κάνουν οι ηθοποιοί.
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 10
Φτιάξτε διαδικτυακά παιχνίδια Βήμα 10

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

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

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

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

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

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

Φτιάξτε διαδικτυακά παιχνίδια Βήμα 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 έχει όριο μεγέθους αρχείου MB.

Μέθοδος 3 από 3: Χρήση Κατασκευής 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. Προσθέστε αντικείμενα

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

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

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

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

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

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

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

Βήμα 9. Αλλάξτε τις ιδιότητες συμπεριφοράς

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Βήμα 16. Εξαγάγετε το παιχνίδι σας

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

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

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

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

Συμβουλές

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

Συνιστάται: