---
# System prepended metadata

title: Spel i javascript canvas - spelprogrammering (Updated not in use)
tags: [webbutveckling]

---

# Spel i javascript canvas - spelprogrammering (Updated not in use)
## Zombie spelet (Årskurs 1)

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

## 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)
    
- För A, allt för E och C inkluderat 
    - En poängräknare som stegar uppåt så länge man lever
    - Andra vapen (powerups)
    - Healthbars till fienden
    - Healthbar till spelare
    - Skott skadar fienden (projektil)
    - Karta med väggar (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`