Spelutveckling för webben med Phaser
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å
- 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
- 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
Spelutveckling med Phaser
By Johan Beronius
