PRG04-2021-2022
⚠️ Let op, dit is de repository voor het jaar 2021-2022 met PIXI. De nieuwe repository met lesstof voor 2023 komt online te staan in kwartaal 4.
Object Oriented Game Development met PixiJS en Typescript
Programma
| Week | Theorie | Praktijk | Facultatief | Inleveren |
|---|---|---|---|---|
| 1 | Introductie vak | Startproject en Pixi Basics | ||
| 2 | Classes en instances | Game Class en Array van Sprites | ||
| 3 | Composition | Fish Class, Arrays, Click Event | Spritesheets | |
| 4 | Encapsulation | Encapsulation, keyboard controls en collision detection. | Vector Math | Zelf evaluatie |
| 5 | Inheritance | Meerdere soorten Fish. Spawning bullets. Objecten verwijderen, Object Pool. | Physics | |
| 6 | Game development stappenplan | Toelichting voorbeeldproject Ruimtegruis | Game op Arcade Kast plaatsen | Peer review |
| 7 | Game development | Verschillende game mechanics en systems | ||
| 8 | Game development | Vraaggestuurd | Eindevaluatie | |
| 9 | Onbegeleid zelfstudie | Onbegeleid zelfstudie | Gaming Building Block |
Code Snippets
- PixiJS en Classes
- Click Event
- Keyboard Controls
- Collisions en Hitboxes
- Preloader, Sound, Fonts en laadbalkje
- Scrolling Background
- Timer
- UI Class
- Object spawnen, verwijderen en Object Pool
- Top Down Navigatie
- Filters
- Score doorgeven aan score scherm
- Levels met oplopende moeilijkheidsgraad
- Snapshot van de Canvas
Links
- PRG4
- PIXI
- PixiJS Home, Examples, Documentatie
- 🔥 Learning Pixi
- 🔥 Pixi Playground (note this is javascript, not typescript)
- 📺 PixiJS Classes Youtube Tutorial en YouTube PlayList
- Pixi Text Style Designer
- Game development