Changing Requirements

Changing Requirements

This is the first section in Part 2 of the tutorial. In this part you will transform the simple counter application into a fun and interactive game.

The current application is kind of like a game. You get a score and you can see the score of your opponents. The current rules of the game are simple: see how fast you can click the button. It is a game of endurance. You just keep clicking until everyone else gives up.

As you will see, it won't take much to turn this into something fun.

As you create this game we will learn the following Pedestal concepts:

• External JavaScript and externs files
• Rendering without the DOM
• Messages with parameters
• Multi-screen applications and Focus
• Continue functions
• Parallel processing with Web Workers

The Game

Here is a brief description of the rules for the new game. Instead of a button, a bubble will appear on the screen and you have to pop the bubble to get a point. All you have to do to pop a bubble is touch it with the cursor. To make the game a little bit harder, the bubble will be moving around in random directions and at random speeds. To make the game competitive, each player will be competing to pop the same bubbles. The faster you are, the more points you get and the fewer points the other players will get.

You will enhance the game by allowing players to join and use their real names instead of a UUID. You will also make it so that games start and finish.

Next steps

The first step in converting the existing application into a game will be to give it a new user interface. Without changing anything about the existing behavior, you can provide a new renderer and start playing.

Home | Integrating the new Design | Rendering the Game