# Spel i javascript canvas - spelprogrammering (zombie spelet) ## Zombie spelet ###### tags: `webbutveckling` `javascript` `zombie` `spel` I denna uppgiften ska du med hjälp av tutorialen bygga ett spel. Spelet skall vara i 2D och du måste ha med de kraven som är med i både `grundläggande` och `betygskriterier` (rubrikerna nedan). ## Grundläggande + HTML + Rätt indrag + Bakgrundsfärg + Bra klassnamn (t.ex. container-img, item-img) + Element: container, item(s) + Använd ID endast när nödvändigt + Text för att fylla ut utrymmen, ingen lorem ipsum + Länkar till varje HTML-dokument med en tillbaka-+ länk + Korrekt filstruktur ## Github + [https://github.com/themangokid/spel-programmering-template](https://github.com/themangokid/spel-programmering-template) ## Betygskriterier - För E - Använd basen för zombiespelet som vi gått igenom och ändra på det som krävs - En snygg meny med bilder från spelet - Information så som: - skapare - kontroller - Egen grafik - Egen funktionalitet på spacebar knappen - Styr spelaren med `w,a,s,d` ~~Skjuta på zombies (med musen), så om man klickar på en zombie så dör den och försvinner (ingen healthbar)~~ - För C - Allt för E - Ljudeffekter och bakgrundsljud - Kontroller för två spelare (Pilar och W,A,S,D) - En poängräknare som stegar uppåt så länge man lever - För A, välj 2 stycken - Allt för E och C - Andra vapen (powerups) - Healthbars till fienden - Healthbar till spelare - För A++ - Skott skadar fienden (projektil) - Väggar runt om spelplanen (collision detection) ## Presentation av spelet + *Mer information om detta senare då det beror på hur mycket tid vi har kvar efter spelet är färdigt.* ![](https://i.imgur.com/5GYEzom.png) [Spelprogrammering Video 1 - Enkel grafik ](https://www.youtube.com/watch?v=mvLdugZHHL8&list=UULP243vr1mvr0Hq90Cgqe9EMA) ###### tags: `webbutveckling`