Maak nu zelf een game met Phaser!

In deze les gaan we een complete game maken in JavaScript.

Er zijn twee tutorials online die we daarvoor kunnen gebruiken.

  • https://developer.mozilla.org/en-US/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript
  • https://developer.mozilla.org/en-US/docs/Games/Tutorials/2D_breakout_game_Phaser

Wij kiezen voor de laatste. We gebruiken de game engine Phaser om het spel te maken.


Het geheel bestaat uit 16 stappen en is volledig in het Engels. Je kunt bij elke stap vragen stellen aan je docent. Bij voldoende interesse zijn we bereid om de hele cursus te vertalen naar het Nederlands en als aparte cursus aan te bieden. Dus laat ons weten wat je hiervan vindt.


phaser logoKlik op de links hieronder om elke stap te zien en uit te voeren.

  1. Initialize the framework
  2. Scaling
  3. Load the assets and print them on screen
  4. Move the ball
  5. Physics
  6. Bounce off the walls
  7. Player paddle and controls
  8. Game over
  9. Build the brick field
  10. Collision detection
  11. The score
  12. Win the game
  13. Extra lives
  14. Animations and tweens
  15. Buttons
  16. Randomizing gameplay

Veel succes!

Laatste wijziging: donderdag, 26 juli 2018, 17:54