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

Adding a menu

To finish off the game, we will add some menus to it. In the main menu, the user can choose a difficulty. The user can select an option using the arrow keys and confirm using the spacebar. The menu will look like this:

Adding a menu

To implement the menu, we must add it to the state. Then we can render the menu and update the menu state in the event handler. We start by updating the state.

Changing the model

In lib/game/model.ts, we will add the menus to the state. First, we will create a new type for the menu. The menu contains a title, a list of options, and the index of the selected button. Each option has a string and a function that applies ...

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