Return to Video

BrowserQuest - Επείδηξη ενός παιχνιδιού πολλών παικτών σε HTML5

  • 0:07 - 0:08
    Γειά σας παιδιά, εδώ Guillaume.
  • 0:09 - 0:11
    Δουλεύω ως ένας σχεδιαστής web στο Little Workshop.
  • 0:11 - 0:13
    Και είμαι ένας από τους δημιουργούς του BrowserQuest,
  • 0:13 - 0:17
    ένα δισδιάστατο παιχνίδι πολλών παικτών, γραμμένο σε HTML5.
  • 0:17 - 0:19
    έτσι μοιάζει
  • 0:19 - 0:22
    είναι ένα είδος action RPG με το οποίο μπορείτε να παίξετε μαζί με
  • 0:22 - 0:25
    πολλούς άλλους ανθρώπους σε μια μοναδική ιστοσελίδα.
  • 0:25 - 0:26
    Ο στόχος μας είναι να φτιάξουμε μια επείδηξη του πως μπορείτε να χρησιμοποιήσετε το WebSockets
  • 0:26 - 0:32
    για να δημιουργήσετε διαδραστικές εφαρμογές και παιχνίδια.
  • 0:32 - 0:36
    Στο BrowserQuest, ξεκινάτε ως ένας απλός χωρικός.
  • 0:36 - 0:37
    Όσο πιο πολύ εξερευνάτε τον κόσμο γύρω σας,
  • 0:37 - 0:40
    τόσο πιο πολλά αντικείμενα και έπαθλα μπορείτε να πάρετε.
  • 0:40 - 0:42
    Μπορείτε να επιλέξετε είτε να παίξετε μόνοι σας,
  • 0:42 - 0:46
    είτε να συνεργαστείτε με άλλους παίκτες και να αρχίσετε να κυνηγάτε μαζί.
  • 0:46 - 0:48
    Ένα παράθυρο επάθλων μπορεί να εμφανιστεί οποτεδήποτε
  • 0:48 - 0:52
    κάνοντας κλικ στο εικονίδιο τροπαίου για να παρακολουθήτε την πρόοδό σας στην περιπέτεια.
  • 0:58 - 1:01
    Η μηχανή δικτύωσης του παιχνιδιού υποστηρίζεται από το websockets,
  • 1:01 - 1:05
    μία νέα τεχνολογία η οποία επιτρέπει την επικοινωνία σε πραγματικό χρόνο ανάμεσα στον περιηγητή σας
  • 1:05 - 1:07
    και τον κεντρικό υπολογιστή.
  • 1:07 - 1:10
    Έτσι μπορείτε να δείτε τους άλλους παίκτες να τρέχουν και να παλεύουν γύρω σας.
  • 1:11 - 1:13
    Φυσικά το BrowserQuest βασίζεται σε ένα σχετικά μεγάλο αριθμό διαδικτυακών τεχνολογιών,
  • 1:13 - 1:16
    και όχι μονο του websockets.
  • 1:16 - 1:20
    Το παιχνίδι είναι γραμμένο σε JavaScript και χρησιμοποιεί
  • 1:20 - 1:22
    το HTML5 Canvas ως μηχανή σχεδίασης.
  • 1:22 - 1:26
    Το localStorage χρησιμοποιείται επίσης για να αποθηκεύτεί τον χαρακτήρα σας στην συσκευή σας,
  • 1:26 - 1:29
    ενώ το HTML5 Audio διαχειρίζεται τον ήχο και την μουσική.
  • 1:35 - 1:40
    Ακόμα ένα τέλειο πράγμα στο BrowserQuest είναι ότι καθώς όλα συμβαίνουν
  • 1:40 - 1:43
    σε μία μοναδική ιστοσελίδα, είναι διαθέσιμο σε πολλές πλατφόρμες.
  • 1:43 - 1:46
    Όσο χρησιμοποιείτε έναν περιηγητή που χρησιμοποιεί το websockets, το παιχνίδι
  • 1:46 - 1:49
    πρέπει να τρέχει στον κανονικό υπολογιστή σας, ως και ως πειραματική έκδοση
  • 1:49 - 1:57
    στο iPhone και στο iPad, καθώς και στα tablet και στις κινητές συσκευές που "τρέχουν" το Firefox για Android.
  • 1:57 - 2:00
    Καταφέραμε αυτό με τον συνδυασμό βελτιώσεων σχεδίασης
  • 2:00 - 2:05
    και CSS media queries για να προσαρμοστεί η εμπειρία στην συσκεύ.
  • 2:05 - 2:08
    Έτσι να δοκιμάσετε το παιχνίδι όχι μονο στον υπολογιστή σας αλλά επίσης
  • 2:08 - 2:13
    στον περιητή του κινητού σας τηλεφώνου ή tablet.
  • 2:13 -
    Ευχαριστούμε για την παρακολούθηση, και ελπίζω να σας δω στο παιχνίδι!
Title:
BrowserQuest - Επείδηξη ενός παιχνιδιού πολλών παικτών σε HTML5
Description:

Η Mozilla παρουσιάζει το BrowserQuest - Μία επείδηξη ενός παιχνιδιού πολλών παικτών γραμμένο σε HTML5 από το Little Workshop και την Mozilla. Παίξτε το παιχνίδι: http://browserquest.mozilla.org

Δημιουργοί παιχνιδιού: http://www.littleworkshop.fr

Δημιουργοί μουσικής:
- "Village" by Dayjo
- "What Dangers Await? (Campus Map)" by Freakified
- "Right off the top" by Camoshark

more » « less
Video Language:
English
Duration:
02:16
dino_2000 edited Greek subtitles for BrowserQuest - Massively Multiplayer HTML5 Game Demo
dino_2000 added a translation

Greek subtitles

Revisions