Hjem Personlig finansiering Hvordan man tilføjer lyd til dit HTML5-spil - dummies

Hvordan man tilføjer lyd til dit HTML5-spil - dummies

Video: LIBGDX para Android - Tutorial 38 - Como Poner Musica y Sonidos - How to make games Android 2024

Video: LIBGDX para Android - Tutorial 38 - Como Poner Musica y Sonidos - How to make games Android 2024
Anonim

Lydeffekter har længe været en af ​​de største svagheder i internettet som en HTML-spilplatform. Webbrowsere havde meget inkonsekvente og besværlige lydfunktioner. Heldigvis løser HTML5 lydproblemet (i det mindste på et eller andet niveau).

SimpleGame-biblioteket gør det meget nemt at oprette nye lyde ved at tilføje et lydobjekt. Her er et meget simpelt program, der spiller en lydeffekt:

lyd. html var scene; var ribbit; funktion init () {scene = ny scene (); owMP3 = ny lyd ("ow. mp3"); owOgg = ny lyd ("ow. ogg"); scene. start ();} // end init funktion opdatering () {hvis (keysDown [K_SPACE]) {owMP3. Spille(); owOgg. play ();} // end if} // end opdatering Tryk IKKE på mellemrumstasten! !

Lydeffekter er nemme at håndtere med simpleGame biblioteket:

  1. Opret din lydeffekt.

    De bedste formater er mp3 og ogg. Sæt din lydfil i samme mappe som dit program.

    For at maksimere browserens kompatibilitet, fortsæt til trin 2.

  2. Lav en variabel for at holde din lydeffekt.

    Ligesom alle spilaktiver har du en variabel, der indeholder din lyd. Definer variablen uden for nogen funktioner.

  3. Byg et lydobjekt for at initialisere din lydeffekt.

    SimpleGame-biblioteket har et Sound-objekt. Opret en forekomst af dette objekt for at opbygge din lyd. Objektet kræver en parameter: Navnet på filen indeholder din lydeffekt. Normalt vil du gøre dette i init () funktionen af ​​dit spil.

  4. Afspil lyden med play () -metoden.

    Når du har defineret en lydeffekt, kan du nemt afspille den med lydobjektets play () -metode.

Lydeffekter tilføjer meget til dit spil. Det har været ganske svært at arbejde med lydeffekter på websider, men HTML5 har et vidunderligt nyt tag, som endelig giver browseren adgang til lydeffekter uden plug-ins fra tredjeparter. Lyd-objektet i simpleGame-biblioteket er baseret på HTML5-mærket.

Fantastisk som lydelementet er, der er nogle problemer. Selvom alle HTML5-kompatible browsere afspiller lydfiler, afspiller de ikke de samme filtyper. MP3-formatet er meget velkendt, men ikke alle browsere understøtter det. Mange browsere foretrækker den nyere (og open source) Ogg-format. Hvis dette ikke forveksles nok, ændres supporten fra version til version af den samme browser.

Mit forslag er at bruge både mp3- og Ogg-formater og lad browseren afspille, hvilken som helst den kan. Det vil løse de fleste problemer.

Det er selvfølgelig ikke let at finde den samme lydeffekt i begge formater. Overvej at bruge den gratis lyd editor, Audacity.Dette værktøj giver dig mulighed for at optage og redigere lydeffekter i flere formater. Afhængigt af versionen af ​​Audacity får du muligvis også LAME plug-in. Med disse værktøjer kan du nemt optage dine egne lydeffekter og gemme dem i både Ogg og mp3 formater.

Hvordan man tilføjer lyd til dit HTML5-spil - dummies

Valg af editor

Hvornår man bruger If-erklæringen til at programmere HTML med JavaScript-dummier

Hvornår man bruger If-erklæringen til at programmere HTML med JavaScript-dummier

Kan virkelig ikke undslippe ved hjælp af if-sætningen med JavaScript. If-erklæringen bruges almindeligvis til at teste om der er sket noget eller ikke, om dataene er inden for rækkevidde eller ej, eller om brugeren ønsker at udføre en bestemt opgave. Sådan oprettes en simpel hvis erklæring i JavaScript En af de mest ...

Før du opretter din første webside - dummier

Før du opretter din første webside - dummier

Oprettelse af HTML-dokumenter adskiller sig fra at skabe tekstbehandlingsdokumenter ved hjælp af en applikation som Microsoft Word. Forskellen kommer fra at bruge to applikationer med oprettelse af HTML-dokument: Din tekst eller HTML-editor, hvor du opretter websider Din webbrowser, hvor du ser resultaterne Selvom mange HTML-redaktører, som f.eks.

Kode Filer til HTML5 og CSS3 - dummies

Kode Filer til HTML5 og CSS3 - dummies

HTML og CSS er de grundlæggende byggesten på websites. Adventen af ​​HTML5 og CSS3 repræsenterer et dynamisk og kraftfuldt evolutionært stadium i udviklingen af ​​webdesign. Maksimering af potentialet i HTML5 og CSS3 gør det muligt at anvende styling og formatering, præsentere lyd og video og skabe animation og interaktivitet på måder ...

Valg af editor

Information Der er en kommandoudgang på basis af en Vis Interface Command i Junos - dummies

Information Der er en kommandoudgang på basis af en Vis Interface Command i Junos - dummies

. Lidt information. Udover de grundlæggende op- eller nedstatusoplysninger indeholder kommandoen Vis grænseflader disse velsmagende informative nuggets: CoS køer: Dette er det samlede antal CoS-køer konfigureret til det pågældende interfacekort. Hvis du har konfigureret otte køer, viser den en værdi ...

Sådan ses Junos Syslog Messages - dummies

Sådan ses Junos Syslog Messages - dummies

I standard syslog-konfigurationen på Junos router, gemmes logfiler til en fil kaldet meddelelser, som ligger i standard logfil-mappen. På M-, MX- og T-seriens routere er standardlogfilmappen / var / log /. På J-seriens routere er det / cf / var / log /. Du kan se filen fra enheden med denne kommando: ...

Eneband Dokumenter til at hjælpe med at planlægge og implementere dit netværk - dummier

Eneband Dokumenter til at hjælpe med at planlægge og implementere dit netværk - dummier

Når det er tid til at deployere dine Junos baserede enheder, kan du måske vide, hvilke ressourcer og værktøjer der er tilgængelige for at lette din migration. Heldigvis har du som kunde hos Juniper Networks adgang til forskellige dokumenter, der kan hjælpe dig med at planlægge og implementere dit nye netværk: Eksempler på netværkskonfiguration: Giv komplekse eksempler på flere platformskonfigurationer ...

Valg af editor

Office 2010 Alt-i-One til Dummies Cheat Sheet - dummies

Office 2010 Alt-i-One til Dummies Cheat Sheet - dummies

Programmerne i Office 2010 suite - Word 2010, Excel 2010, PowerPoint 2010, Outlook 2010, Adgang 2010 og Publisher 2010 - har meget til fælles. Master kommandoerne i et Office 2010-program, og du er godt på vej til at mestre de andre programmer. Følgende er vigtige oplysninger, du kan tage til enhver ...

Office 365 For Dummies Cheat Sheet - dummies

Office 365 For Dummies Cheat Sheet - dummies

Som med enhver virksomheds software omfatter mange forskellige dele og stykker den simple navnet på Office 365. At få et håndtag på alle de bevægelige stykker og jargon kan være en udfordrende opgave. Denne vejledning giver dig en hurtig reference til de produkter, teknologier, koncepter og akronymer, der udgør Office 365-landskabet.

Office 365 Grupper - dummies

Office 365 Grupper - dummies

Du kan bruge Office 365 Grupper, eller blot Grupper, til hurtigt at binde sammen med kolleger til samarbejde uden administrationsansvar, der følger med et SharePoint-websted. Grupper er ikke en del af SharePoint Online. Det er faktisk en funktion i Exchange Online, men det bruger SharePoint Online-funktioner, såsom OneDrive for Business til lagring af gruppefiler ...