O'Reilly logo

TypeScript Blueprints by Ivo Gabe de Wolff

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 8. Pac Man in HTML5

In this chapter, we will recreate Pac Man with the HTML5 canvas. Just like the previous chapter, we will be using functional programming. With the HTML5 canvas and JavaScript, you can play games in the browser.

Pac Man in HTML5

Pac Man is a classic game where the player (Pac Man, the yellow circle) must eat all of the dots. The ghosts are the enemies of Pac Man: when you get caught by a ghost, you lose. If you eat all of the dots without being caught by a ghost, you win the game.

Drawing on a canvas is, just like modifying the HTML elements of a page, a side effect and thus not pure. Since we will be using functional programming, we will ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required