Πώς να προσθέσετε ήχο στο παιχνίδι σας HTML5

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

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

ήχος. html var scene; var ribbit; λειτουργία init () {σκηνή = νέα σκηνή (); owMP3 = νέος ήχος ("ow. mp3"); owOgg = νέος ήχος ("ow. ogg"); σκηνή. start ();} // end update function () {if (keysDown [K_SPACE]) {owMP3. παίζω(); owOgg. play ();} // end if} // end update ΜΗΝ πιέσετε τη γραμμή διαστήματος! !

Τα ηχητικά εφέ είναι εύκολα διαχειριζόμενα με τη βιβλιοθήκη simpleGame:

1. Δημιουργήστε το ηχητικό σας εφέ.

   Οι καλύτερες μορφές είναι mp3 και ogg. Βάλτε το αρχείο ήχου στον ίδιο κατάλογο με το πρόγραμμά σας.

   Για να μεγιστοποιήσετε τη συμβατότητα του προγράμματος περιήγησης, συνεχίστε στο Βήμα 2.

2. Κάντε μια μεταβλητή για να κρατήσετε το ηχητικό σας εφέ.

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

3. Δημιουργήστε ένα αντικείμενο ήχου για να προετοιμάσετε το ηχητικό σας εφέ.

   Η βιβλιοθήκη simpleGame έχει ένα αντικείμενο ήχου. Δημιουργήστε μια εμφάνιση αυτού του αντικειμένου για να δημιουργήσετε τον ήχο σας. Το αντικείμενο απαιτεί μία παράμετρο: το όνομα του αρχείου που περιέχει το ηχητικό σας εφέ. Κανονικά, θα το κάνετε αυτό στη λειτουργία init () του παιχνιδιού σας.

4. Αναπαραγωγή του ήχου με τη μέθοδο αναπαραγωγής ().

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

   

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

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

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

Φυσικά, δεν είναι εύκολο να βρεθεί το ίδιο ηχητικό αποτέλεσμα και στις δύο μορφές. Εξετάστε το ενδεχόμενο να χρησιμοποιήσετε τον δωρεάν επεξεργαστή ήχου Audacity.Αυτό το εργαλείο σάς επιτρέπει να καταγράφετε και να επεξεργάζεστε ηχητικά εφέ σε πολλαπλές μορφές. Ανάλογα με την έκδοση του Audacity που παίρνετε, μπορεί να χρειαστείτε και το plug-in LAME. Με αυτά τα εργαλεία, μπορείτε να καταγράψετε εύκολα τα δικά σας ηχητικά εφέ και να τα αποθηκεύσετε τόσο σε μορφές Ogg όσο και σε mp3.