As our game comes together and we begin to add more entities,
performance is going to become a concern. Also, there may be things we
need to see, such as the bounding boxes of entities and how many entities
are on the screen at any given time. Luckily for us, there is a really
great debugger built into Impact. In order to use it, we will need to add
the following class to the
Once you have added this, refresh the game in your browser and you should now see the debug menu on the bottom of the screen.
Figure 8-1. Impact’s debugger will show up at the bottom of your game’s page.
As you can see, the debugger has some very helpful features. On the right-hand side, you will see the number of milliseconds your code takes to execute on each frame, followed by the frames per second, draws, and finally the number of entities. On the left are options to explore the map layers, individual entities, and performance. Let’s take a deeper look, starting with the map layers.
Figure 8-2. The Background Maps tab of the debugger shows us all of our map layers and a preview of the entire map.
Here, you can see a preview of your entire map and what is currently being rendered in the display. You can also turn off layers ...