Phaser

• Ramverk för att bygga spel som körs i webbläsaren
• Baserat på JavaScript
• Fungerar på desktop eller mobil, med Canvas eller WebGL
• Deklarativt, stort API
• https://phaser.io/

Utmaningen

• Gå igenom grundläggande tutorial
• Bygga enklast och snabbast möjliga spelbara spel
• Achievements för extra finesser
• Turnering, spela alla andras spel
• Ära och berömmelse! 🍻

Upplägget

• Två-och-två, en av de mer JS-vana i varje lag
• Inte nödvändigtvis kodtungt, kreativitet och inspiration viktigare
• Enklaste set-up:en, lokal webbserver och en enda HTML-fil med koden
• Går även att köra direkt på

  Phaser 3 Sandbox

• Spelet ska ge poäng för high-score
• Ska kunna bli game-over efter en stund

Publicera

• Lägg upp spelet på:
  https://athega.se/phaser-games/
• Enklast utan att klona repot, välj "Add file" på:
  https://github.com/athega/phaser-games
• Lägg till en länk på index-sidan, README.md

Achievements

• Göra ett spel som kan ge poäng och game-over: +5⭐️⭐️⭐️⭐️⭐️
• Ljudeffekter: +1⭐️
• Musik: +1⭐️
• Egen grafik: +1⭐️
• Mer än en bana/nivå: +1⭐️
• High-score på andras spel: +2⭐️⭐️
• Varje lag kan dela ut bonus: +2⭐️⭐️

Inspiration

Tänk simpla, klassiska spel som Pong, Break-out, Asteroids, Space Invaders, Pac Man, Snake eller något Game & Watch-liknande.

Game on!

• Båda från varje lag spelar alla andras spel
• Högsta poängen av de två räknas
• High-score ger en vinst till laget +2⭐️⭐️

Resurser

• "Hello, world"-exempel

• Tutorial i 10 steg

• API-dokumentation
• Många exempel att klippa och klistra från: https://labs.phaser.io/
• Koden för dessa exempel:
  https://github.com/photonstorm/phaser3-examples
• Phaser 3 Sandbox