Video: Dutch - Hour of Code - Make a 3D game with AgentCubesonline 2024
Geluidseffecten zijn lang een van de grootste zwakten van het web geweest als een HTML-gamingplatform. Webbrowsers hadden zeer inconsistente en lastige audiomogelijkheden. Gelukkig lost HTML5 het geluidsprobleem op (tenminste op een bepaald niveau).
De simpleGame-bibliotheek maakt het heel eenvoudig om nieuwe geluiden te bouwen door een object Sound toe te voegen. Hier is een heel eenvoudig programma dat een geluidseffect speelt:
geluid. html var scène; var ribbit; function init () {scene = new Scene (); owMP3 = nieuw geluid ("ow. mp3"); owOgg = new Sound ("ow. ogg"); tafereel. start ();} // end init-functie-update () {if (keysDown [K_SPACE]) {owMP3. spelen(); owOgg. play ();} // end if} // update beëindigen Druk NIET op de spatiebalk! !
Geluidseffecten zijn eenvoudig te beheren met de simpleGame-bibliotheek:
-
Maak uw geluidseffect.
De beste indelingen zijn mp3 en ogg. Zet uw audiobestand in dezelfde map als uw programma.
Ga naar stap 2 om de compatibiliteit van de browser te maximaliseren.
-
Maak een variabele om uw geluidseffect te behouden.
Zoals elk game-item, heb je een variabele met je geluid. Definieer de variabele buiten alle functies.
-
Bouw een Sound-object om uw geluidseffect te initialiseren.
De simpleGame-bibliotheek heeft een Sound-object. Maak een instantie van dit object om uw geluid te bouwen. Het object heeft één parameter nodig: de naam van het bestand met uw geluidseffect. Normaal gesproken doe je dit in de init () -functie van je game.
-
Speel het geluid af met de methode play ().
Nadat u een geluidseffect hebt gedefinieerd, kunt u dit eenvoudig afspelen met de methode play () van het geluidsobject.
Geluidseffecten voegen veel toe aan je spel. Vroeger was het vrij moeilijk om met geluidseffecten in webpagina's te werken, maar HTML5 heeft een prachtige nieuwe tag die de browser eindelijk toegang geeft tot geluidseffecten zonder plug-ins van derden. Het object Sound in de simpleGame-bibliotheek is gebaseerd op de HTML5-tag.
Geweldig als het geluidselement is, zijn er enkele problemen. Hoewel alle HTML5-compatibele browsers audiobestanden afspelen, spelen ze niet dezelfde bestandstypen. Het mp3-formaat is zeer bekend, maar niet alle browsers ondersteunen het. Veel browsers geven de voorkeur aan het nieuwere (en open source) Ogg-formaat. Als dit niet verwarrend genoeg is, verandert de ondersteuning van versie naar versie van dezelfde browser.
Mijn suggestie is om zowel mp3- als Ogg-indelingen te gebruiken en de browser te laten spelen, ongeacht welke. Dat zal de meeste problemen oplossen.
Het is natuurlijk niet eenvoudig om hetzelfde geluidseffect te vinden in beide indelingen. Overweeg het gebruik van de gratis audiobewerker Audacity.Met deze tool kunt u geluidseffecten in meerdere formaten opnemen en bewerken. Afhankelijk van de versie van Audacity die je krijgt, heb je mogelijk ook de LAME plug-in nodig. Met deze hulpmiddelen kunt u eenvoudig uw eigen geluidseffecten opnemen en deze opslaan in zowel Ogg- als mp3-indelingen.
