Advertisement
  1. Code
  2. HTML5
Code

20 Καλύτερα Μοντέλα Παιχνιδιών HTML του 2017

by
Length:MediumLanguages:

Greek (ελληνικά) translation by Katerina Katapodi (you can also view the original English article)

Κατά την διάρκεια των τελευταίων ετών, είδαμε να χρησιμοποιείται το HTML5 για την δημιουργία πολλών σημαντικών λύσεων online. Το είδαμε επίσης να χρησιμοποιείται για πολύ διασκέδαση! Με την ματαίωση του Flash, to HMTL5 έγινε η διεθνής πλατφόρμα για την δημιουργία παιχνιδιών βασισμένη στην περιήγηση και για την επιφάνεια εργασία και για τις κινητές συσκευές. 

Είτε έχετε μια σημαντική ιδέα που θα θέλατε να προβάλετε στο μέλλον ή επιθυμείτε έναν διασκεδαστικό τρόπο για να μάθετε περισσότερα για τις λειτουργίες (εσωτερικές και εξωτερικές) του HTML5, εδώ είναι τα 20 καλύτερα παιχνίδια του HTML5 του 2017 με τα οποία θα αρχίσετε να φτιάχνετε κάτι καταπληκτικό:

1. Leaves Boy

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

Βάζοντας στην άκρη όλα τα υλικά , το Leaves Boy είναι ένα παιχνίδι φτιαγμένο για κινητά τηλέφωνα. 

Leaves Boy
Το ''Leaves Boy είναι παιχνίδι εθισμού με μία μόνο κίνηση..''

Τα χαρακτηριστικά περιλαμβάνουν:

  • Χρήση Facebook και Twitter με υψηλή βαθμολογία συμμετοχής
  • έγγραφα
  • φάκελλοι HTML5 
  • και περισσότερα 

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

Χρησιμοποιείστε το Leaves Βoy για να στήσετε ή χρησιμοποιήσετε ως βάση για να δημιουργήσετε το δικό σας παιχνίδι χρησιμοποιώντας το Construct 2.

2 Indiara και Skull Gold 

Τα Indiara και Skull Gold είναι μια πλατφόρμα κινητού με το  σχετικό Indiana Jones 

Συλλέξετε τα οκτώ χρυσά κρανία (gold skulls) και προσέξετε-οι σπηλιές είναι όλο παγίδες!

Indiara and the Skull Gold
''Συναντήστε και παίξετε με την Indiara, ένα κορίτσι που της αρέσει να συλλέγει αρχαία αντικείμενα.''

Τα χαρακτηριστικά περιλαμβάνουν :

  • υποστηρίζει και τα δύο επιφάνεια εργασίας και κινητό
  • περιλαμβάνει διάταξη φακέλλων PSD και Al
  • 860x480 γραφήματα (σχέδια)
  • και περισσότερα 

Στήσετε ξανά εύκολα αυτό το παιχνίδι HTML5 εκδίδοντας και αντικαθιστώντας τις εικόνες.

Το Indiara και Skull Gold περιλαμβάνει οκτώ ολοκληρωμένα επίπεδα και μπορεί να διαμορφωθεί πλήρως σύμφωνα με τον χρήστη, χρησιμοποιώντας το Construct 2. 

3. Dont Crash

Μην τρακάρετε ενώ παίζεται Dont Crash! (='Mην τρακάρεις')

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

Dont Crash
''Μην τρακάρετε-αυτός είναι ο μόνος κανόνας του παιχνιδιού.''

Τα χαρακτηριστικά είναι :

  • υποστήριξη και των δύο, και κινητού και επιφάνεια εργασίας 
  • εύκολα, έλεγχος με μία κίνηση
  • γραφήματα 1280 x 720 
  • και περισσότερα 

Στήσετε ξανά αυτό το παιχνίδι HTML5 χρησιμοποιώντας τους φακέλλους Al ή αλλάξτε εξ ολοκλήρου τα στοιχεία του παιχνιδιού με την χρήση Construct 2.

To Dont Crash είναι απλό, γρήγορο και ελκυστικό.

4. Παιχνίδι FlapCat Steampunk 

To FlaoCat Steampunk είναι ένα συμπαθητικό και απλό παιχνίδι HTML5 που ταιριάζει απόλυτα σε κινητά.

Πόσο υψηλή μπορεί να είναι η βαθμολογία σου?

Game FlapCat Steampunk
'' Κάνετε το cat FlapCat να ανταποκριθεί στις πολύ δύσκολες προκλήσεις.''

Τα χαρακτηριστικά περιλαμβάνουν :

  • περιλαμβάνει φακέλλους PSD και Al 
  • γραφήματα (διαστάσεων ) 1280x720
  • άπειρο επίπεδο
  • και περισσότερα 

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

To FlaoCat Steampunk μπορεί εύκολα να στηθεί ξανά αντικαθιστώντας τις εικόνες ή να διαμορφωθεί πλήρως με το Construct 2. 

5 Panda Love 

Είναι εύκολο να αγαπήσει κανείς το Panda Love.

Με απλό σχέδιο και μοναδικό φιλικό στυλ, όλοι θα το αγαπήσουν-όχι απλώς pandas. 

Panda Love
''To Panda Love είναι μια πλατφόρμα περιπέτειας με πίξελ.''

Τα χαρακτηριστικά έχουν ως εξής: 

  • αυτόματη αποθήκευση με την χρήση του Webstorage
  • περιέχει Ludei και διαφημίσεις 
  • πάνω από 20 επίπεδα
  • και περισσότερα 

Αυτό το παιχνίδι HTML5 έχει όλων των ειδών τις πλατφόρμες και περιέχει το φάκελλο Construct 2 για πλήρη διαμόρφωση των δεδομένων του χρήστη. 

Θα αγαπήσετε την εμφάνιση και τον έλεγχο του Panda Love με ένα κλικ/

6. Jumper Frog-Παιχνίδι HTML5

To Frogger είναι ένα κλασσικό παιχνίδι δράσης που ταιριάζει απόλυτα στο κινητό τηλέφωνο. 

Πάρετε μια ανάσα και πάτε γρήγορα στο Παιχνίδι Jumper.Frog-HTML5 για λίγη διασκέδαση.

Jumper Frog - HTML5 Game

''Διασκεδάστε με τα πολλά χρώματα του κλασσικού παιχνιδιού Frogger.''

Τα χαρακτηριστικά είναι :

  • περιλαμβάνει φακέλλους PSD και Al για διαμόρφωση 
  • πλήρως σχεδιασμένο στο HTML5 και CreateJS 
  • μπορείς να κάνεις ό,τι αλλαγές θέλεις 
  • και περισσότερα 

Αυτό είναι επίσης συμβατό με το CTL Arcade. 

To Παιχνίδι Jumper Frog-HTML5 φέρνει αυτό το κλασσικό arcade σε οιαδήποτε οθόνη.

7 Bubble Shooter- Παιχνίδια HTML5

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

Το Παιχνίδι HTML5 Bubble Shooter είναι ένα κλασσικό παιχνίδι τύπου παζλ, εύκολο να μάθεις αλλά δύσκολο στην πράξη. 

Bubble Shooter - HTML5 Games
''Ο στόχος του παιχνιδιού είναι να διαλύσετε όλες τις φούσκες από το επίπεδο αποφεύγοντας η φούσκα να διασχίσει την κάτω σειρά.''

Τα χαρακτηριστικά περιλαμβάνουν :

  • περιέχει φακέλλους PSD και Al για αλλαγές που θέλουμε ενδεχομένως να κάνουμε 
  • με πλήρη σχεδιασμό στα HTML5 και CreateJS 
  • μπορεί κανείς να το διαμορφώσει όπως θέλει
  • και περισσότερα 

Αν νομίζετε ότι αυτό το παιχνίδι HTML5 είναι διασκεδαστικό, βεβαιωθείτε ότι λαμβάνετε υπόψη το 50 Levels Pack.

To Bubble Shooter-HTML5 είναι επίσης συμβατό με το CTL Arcade. 

8 HTML5-Tetris 

Δεν υπάρχει σχεδόν τίποτα πιο ελκυστικό από την διασκέδαση με το Tetris, και με τα άπειρα επίπεδα του HTML5 Tetris, που κυριολεκτικά δεν θα μπορέσετε να σταματήσετε να παίζετε.

HTML5 Tetris
''Λειτουργεί σε όλους τους περιηγητές (browsers) του HTML5.''

Τα στοιχεία περιλαμβάνουν:

  • εύκολο να προσαρμόσεις στα διάφορα στοιχεία προσωπικά
  • με απλές κινήσεις 
  • επτά θέματα
  • και περισσότερα

Πλήρη δυνατότητα διαμόρφωσης με εικόνες και ήχους, αλλά πρώτα από όλα, θα έχετε άπειρη διασκέδαση με το HTML5 Tetris. 

9 Katana fruits-HTML5 Game

Αν είστε εξοικειωμένοι με το Fruit Ninja, θα ξέρετε και πώς να παίξετε το Παιχνίδι Katana Fruits, HTML5.

Katana Fruits - HTML5 Game
''Ο στόχος είναι να κόψεις όλα τα φρούτα που εμφανίζονται στην οθόνη δίχως να τα ρίξετε και αποφύγετε τις βόμβες.''

Τα χαρακτηριστικά είναι: 

  • έχει φακέλλους PSD και Al για προσωπική διαμόρφωση του παίκτη
  • με πλήρη σχεδιασμό στα HTML5 και CreateJS
  • προωθείστε μα τα κουμπιά κοινωνικής συμμετοχής
  • μπορείς να το παίξεις όπως θέλεις 
  • και περισσότερα 

Αυτό το παιχνίδι HTML5 είναι συμβατό με το CTL Arcade για το WordPress και μπορείς να το διαμορφώσεις εύκολα

Οξύνετε το Katana σας, είναι ώρα να συνθλίψτε μερικά φρούτα με το Παιχνίδι Katana Fruits-HTML5.

10 To Sorcerer-Παιχνίδι Παζλ HTML5

Την στιγμή που φορτώνει η οθόνη, θα ξέρετε τι πρέπει να κάνετε. Εμπνευσμένο από το Zuma, το Παιχνίδι Sorcerer-HTML5 παίζεται με ένα κλικ. 

The Sorcerer - HTML5 Puzzle Game
''Το Sorcerer βραβεύτηκε ως το καλύτερο παιχνίδι παζλ σε διαγωνισμό για το Πιο Επιθυμητό παιχνίδι HTML5. 

Τα χαρακτηριστικά είναι ως εξής:

  • με πλήρη σχεδιασμό στα HTML5 και CreateJS
  • περιέχει αρχικό κωδικό (εισόδου)
  • πλήρως προσωποποιημένο 
  • και περισσότερα 

Κινητό τηλέφωνο ή υπολογιστή, η λύση 960x540 είναι πλήρως βελτιστοποιημένη. 

Το Sorcerer-HTML5 Puzzle Game είναι δύσκολο να το κερδίσεις, γι αυτό μπορεί να θελήσετε να αποκτήσετε έξτρα επίπεδα, επίσης.

11. Rearrange Letters (Τακτοποιήστε τα Γράμματα)-Παιχνίδι HTML5

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

Να πως Λειτουργεί το Παιχνίδι Τακτοποίησης Γραμμάτων HTML5.

Rearrange Letters - HTML5 Game
''To Rearrange Letters είναι ένα παιχνίδι HTML5 όπου μπορείτε να βάλετε τα γράμματα στη σωστή σειρά για να σχηματιστεί η λέξη με το γράμμα που δόθηκε ως δεδομένο.''

Τα χαρακτηριστικά είναι : 

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

Με πολλές προσωποποιήσεις και κατασκευή με την χρήση του CreateJS, μπορείτε να παίξετε το Παιχνίδι HTML5 Rearrange Letters όπως σας αρέσει.

12. Παιχνίδι Αναζήτησης Λέξεων 

Αν σας αρέσει η αναζήτηση λέξεων, μην ψάχνετε περισσότερο. Θα χρειαστείτε αυτό το παιχνίδι HTML5: Word Search Game.

Word Search Game
'' Πολύ ελκυστικό.''

Παίζεται ως εξής:

  • χειριστείτε τις επιλογές του παιχνιδιού εντός του πίνακα χειρισμού που περιέχεται.
  • λειτουργεί σε όλα από το iPad μέχρι το ΙΕ6 
  • παρέχεται unicode-χρησιμοποιείστε ότι γράμματα θέλετε 
  • και περισσότερα 

Απλό και εύκολο στο στήσιμο, το Word Seach Game είναι μια σπουδαία εφεύρεση.

13. Χρωματισμός Βιβλίου- Παιχνίδι HTML5

Απλό. Δημιουργικό. Ιδανικό για παιδιά.

Το Παιχνίδι HTML5 'Coloring Book' είναι ένα εικονικό παιχνίδι χρωματισμού βιβλίου με πλήρη υποστήριξη κινήσεων και λειτουργεί σε οιοδήποτε μέγεθος, σε οιαδήποτε συσκευή. 

Coloring Book - HTML5 Game
''Αυτό το παιχνίδι είναι ένα παιχνίδι με χρώματα και μπορεί να είναι πολύ ενδιαφέρον για τα παιδιά.''

Παίζεται ως εξής:

  • απαλός χρωματισμός
  • σύστημα εκτύπωσης 
  • 24 χρώματα 
  • και περισσότερα 

Στην τρίτη του εκδοχή, το Coloring Book-HTML5 Game έχει εξελιχθεί σε ένα σημαντικό παιχνίδι χρωματισμού βιβλίου HTML5.

14. Canvas Puzzle (Παζλ σε Καμβά)

Χρησιμοποιώντας όποια εικόνα διαλέξετε, δημιουργήστε ένα παιχνίδι παζλ επικόλλησης-αποστολής HTML5 χρησιμοποιώντας Canvas Puzzle.

Canvas Puzzle
''... πολλές επιλογές για να παίξεις όπως θέλεις και εύκολο να εισάγεις ένα παζλ ζικ-ζακ HTML5..''

Παίζεται ως εξής:

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

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

15. Γλιστερό Παζλ

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

Sliding Puzzle
''Τρεις τρόποι παιξίματος!''

Παίζεται ως εξής:

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

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

16. Sweety Memory-Παιχνίδι HTML5

Θυμόσαστε το 'memory' (μνήμη)?

Το Παιχνίδι Sweety Memory-HTML λειτουργεί κατά τον ίδιο τρόπο. Ανακατέψετε τα χαρτιά, κάνετε τους συνδυασμούς και κερδίστε!

Sweety Memory - HTML5 Game
''Συνδυάστε όλες τις ίδιες κάρτες πριν τελειώσει ο χρόνος!''

Παίζεται ως εξής:

  • μπορεί πλήρως να διαμορφωθεί σύμφωνα με τις επιλογές του παίκτη με τους φακέλλους PSD και Al που περιέχονται
  • έχει σχεδιαστεί εξ ολοκλήρου από το HTML5 και CreateJS
  • έχει αρχικό κωδικό 
  • και περισσότερα 

Είτε παίζεται από το κινητό τηλέφωνο, είτε στον υπολογιστή, οι διαστάσεις οθόνης είναι 960x1200 για να ταιριάσουν σε οιαδήποτε οθόνη. 

Το Sweety Memory-HTML5 Game είναι επίσης συμβατό με το CTL Arcade. 

17. HTML5 3D BlackJack-HTML Παιχνίδι Καζίνου 

Το Παιχνίδι Καζίνου-HTML5 3D BlackJack δεν έχει σχεδιαστεί για να παίζεται με χρήματα-είναι απλώς ένα παιχνίδι που παίζεται για διασκέδαση.

HTML5 3D BlackJack - HTML5 Casino Game
''Διασκεδάστε με αυτό το παιχνίδι blackjack με γραφήματα 3D!''

Παίζεται ως εξής:

  • προσαρμοσμένο πλήρως στις επιλογές του παίκτη με φακέλλους HTML5 και CreateJS  
  • έχει τα στοιχεία της ασφάλισης, διπλό στοίχημα, και μοίρασμα 
  • Φάκελλοι PSD και Al για αλλαγές εύκολα 
  • και περισσότερα 

Αυτό το παιχνίδι HTML5 είναι επίσης συμβατό με το CTL Arcade για το WordPress. 

Βάλετε νομίσματα (κέρματα) με τα banner ads και προωθήστε με τα κουμπιά συμμετοχής που συμπεριλαμβάνονται στο HTML5 3D BlackJack-HTML5 Casino Game. 

18. 3D Roulette-HTML5 Casino Game

Αυτό είναι ένα άλλο παιχνίδι καζίνου που σχεδιάστηκε για διασκέδαση. Το Παιχνίδι Καζίνου 3D Roulette-HTML5 περιλαμβάνει πολλά σπουδαία χαρακτηριστικά και είναι σχεδιασμένο πραγματικά καλά. 

3D Roulette - HTML5 Casino Game
''Το παιχνίδι περιέχει όλα τα βασικά χαρακτηριστικά παιχνιδιού καζίνου όπως, Voisins zero, tier, orphelins, neighbor, final bets.''

Παίζεται ως εξής

  • πλήρες σύστημα διαμόρφωσης με φακέλλους HTML5 και CreateJS
  • Φάκελλοι PSD και Al για ευχέρεια επιλογών 
  • λειτουργικές διαστάσεις πλήρως με 750x600
  • και περισσότερα 

Τούτο το παιχνίδι HTML5 είναι επίσης συμβατό με το CTL Arcade για το WordPress αλλά αν θέλετε να το παίξετε σε κινητό τηλέφωνο, συνιστώ το Roulette Royale. 

To 3D Roulette-HTML5 Casino Game είναι το καλύτερο παιχνίδι για υπολογιστή, και περιήγηση παιχνίδι ρουλέτας HTML5. 

19. Missiles Again-HTML5 game (Construct 2 Capx)+Admob

To Missiles Again (''Ξανά Πύραυλοι)-παιχνίδι HTML5 (Construct 2 Capx)+Admob είναι παιχνίδι για να σκοτώσεις την ανία σου και λειτουργεί σε σχεδόν οιαδήποτε πλατφόρμα. 

Missiles Again - HTML5 game Construct 2 Capx Admobvvvvvvvvvvvvvvvvvvvvvvvv
''Ελέγξετε το αεροπλάνο για να συλλέξετε όλα τα αστέρια και να αποφύγετε όλους τους πυραύλους!''

Παίζεται ως εξής:

  • εύκολος κωδικός ώστε να μπορεί να προσαρμοστεί στο Construct 2
  • Φάκελλοι PNG  και PSD για να μπορεί να ξαναπαιχτεί
  • σύστημα AdMob Ads 
  • και περισσότερα 

Ένα διασκεδαστικό, καλά σχεδιασμένο παιχνίδι HTML5, το Missiles Again-HTML5 (Construct 2 Capx)+Admob δεν πρέπει να το χάσετε.  

20. Παιχνίδι HTML5 Bundles 

Μερικές φορές είναι καλύτερα να αγοράζεις σε όγκο.

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

HTML5 Game Bundles

Μερικοί τίτλοι από ορισμένες δέσμες περιλαμβάνουν :

  • Fruit Slasher 
  • Brick Out 
  • Ninja Run 
  • Tank Defender 
  • Billiards (Μπιλιάρδο)
  • Αυτοκίνητα 
  • Monster Match-3
  • Bubble Shooter 
  • Space Purge 
  • Duck Shooter 
  • Girl Dress Up (Ντύσιμο Κοριτσιού)
  • και περισσότερα!

Μερικές από τις καλύτερες Κατηγορίες Παιχνιδιών HTML5 που πρέπει να σκεφτείτε περιλαμβάνουν Super Bundle No 1 (Σούπερ Κατηγορία Νο 1, 50 παιχνίδια), 24-Παιχνίδια σε 1 Κατηγορία και Παιχνίδια HTML5 Κατηγορίας Νο. 2 (9 παιχνίδια). 

Συμπέρασμα 

Κοιτάζοντας και ψάχνοντας σε αυτή την λίστα μπορεί να έχετε έμπνευση να στήσετε πάλι, σχεδιάζετε, ή δημιουργήσετε κάτι εντελώς νέο-χρησιμοποιώντας ένα από τούτα τα παιχνίδια HTML5 ως μοντέλο για επιτυχία. Είτε ανεβάζετε στην ιστοσελίδα σας ένα παιχνίδι arcade, κερδίζετε χρήματα μέσω διαφήμισης, ή θέλετε να εμβαθύνετε στα παιχνίδια HTML5 με την χρήση μοντέλων ΄παιχνιδιού, σίγουρα θα βρείτε κάτι που ψάχνετε στο Enveto Market.  

Mπορείτε επίσης να βρείτε χρήσιμα σεμινάριο+κωδικό στo Envato Tuts, στο σχεδιασμό παιχνιδιού (game design) ή game mechanics (μηχανική παιχνιδιών). καθώς και στα σεμινάρια HTML5 για αρχή. 

Παιχνίδι και κωδικοποίηση. Δύο πράγματα που διασκεδάζει κανείς πολύ όταν τα κάνει. 

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.