Building the application

Now that we have configured our application to the landscape mode and set the display contents to scale on multiple devices, we're ready to start designing the game. Before we start writing some code for the game, we need to add in some art assets that will be displayed on the screen. You can find them in the Chapter 3 Resources folder. You can download the project files that accompany this book from the Packt Publishing website. The following are the files that you'll need to add to your Breakout project folder:

An important function that we'll be introducing in this game is display.newGroup(). Display groups allow you to add and remove child display objects and collect the related display objects. Initially, there are no children in a group. The local origin is at the parent object's origin; the anchor point is initialized to this local origin. You can easily organize your display objects in separate groups and refer to them by their group name. For example, in Breakout, we'll combine menu items such as the Title screen and Play button in a group called menuScreenGroup. Every time we access menuScreenGroup, any display object contained within the display group will be processed.

The system functions that we're going to introduce in this chapter will return information about the system (device information and current orientation) and control system functions (enabling multi-touch and controlling the idle time, accelerometer, and GPS). We'll be using the following system functions to return the environment information that our application will be running in and the response frequency for the accelerometer events.