Hvordan legge til lyd til din HTML5 spill

January 26  by Eliza

Lydeffekter har lenge vært en av de største svakhetene ved nettet som en HTML-spillplattform. Nettlesere hadde svært inkonsekvent og plagsom lyd evner. Heldigvis løser HTML5 lyden problem (i det minste på et eller annet nivå).

Den simpleGame bibliotek gjør det svært enkelt å bygge nye lyder ved å legge til et Sound objekt. Her er et veldig enkelt program som spiller en lydeffekt:

<! DOCTYPE HTML>
<Html lang = "en-US">
<Head>
<Meta charset = "UTF-8">
<Title> sound.html </ title>
<Script type = "text / javascript"
src = "simpleGame.js"> </ script>
<Script type = "text / javascript">
Var scene;
Var ribbit;

funksjon init () {
scene = ny Scene ();
owMP3 = ny Sound ("ow.mp3");
owOgg = ny Sound ("ow.ogg");
scene.start ();
} // End init

funksjon oppdatering () {
if (keysDown [K_SPACE]) {
owMP3.play ();
owOgg.play ();
} // End if
} // End oppdatering

</ Script>
</ Head>
<Body onload = "init ()">
<Div> IKKE trykk på mellomromstasten !! </ div>
</ Body>
</ Html>

Lydeffektene er enkelt å administrere med simpleGame bibliotek:

  1. Lag din lydeffekt.

    De beste formatene er mp3 og ogg. Sett din lydfil i samme katalog som programmet.

    Å maksimere nettleser kompatibilitet, fortsette til trinn 2.

  2. Lag en variabel for å holde din lydeffekt.

    Som alle spill eiendel, vil du ha en variabel som inneholder lyden. Definere variabelen utenfor noen funksjoner.

  3. Bygge en Sound objekt å initial din lydeffekt.

    Den simpleGame Biblioteket har en Sound objekt. Opprette en forekomst av dette objektet til å bygge lyden. Objektet krever en parameter: navnet på filen som inneholder din lydeffekt. Normalt vil du gjøre dette i init () funksjon av spillet.

  4. Spille av lyden med stykket () -metoden.

    Når du har definert en lydeffekt, kan du spille den av lett med lyden objektets play () -metoden.

    Hvordan legge til lyd til din HTML5 spill

Lydeffekter legge mye til spillet ditt. Det pleide å være ganske vanskelig å jobbe med lydeffekter i web-sider, men HTML5 har en fantastisk ny <lyd> -kode som til slutt gir leseren tilgang til lyd effekter uten tredjeparts plug-ins. Sound objekt i simpleGame bibliotek er basert på HTML5 <lyd> tag.

Stor som elementet er, er det noen problemer. Selv om alle HTML5-kompatible nettlesere spille av lydfiler, har de ikke spille de samme filtyper. MP3-formatet er svært godt kjent, men ikke alle nettlesere støtter det. Mange nettlesere foretrekker den nyere (og open source) Ogg-formatet. Hvis dette ikke er forvirrende nok, støtte endringer fra versjon til versjon av den samme nettleseren.

Mitt forslag er å bruke både mp3 og Ogg formater og la nettleseren spill uansett hvilken man kan det. Som vil løse de fleste problemer.

Selvfølgelig er det ikke lett å finne den samme lydeffekt i begge formater. Vurdere å bruke gratis lyd editor, Audacity. Dette verktøyet gjør det mulig å ta opp og redigere lydeffekter i flere formater. Avhengig av hvilken versjon av Audacity du får, kan du også trenger LAME plug-in. Med disse verktøyene kan du enkelt ta opp dine egne lydeffekter og lagre dem i både Ogg og mp3-format.