Developing Game-Themed Applications with XNA Game Studio

Section III: The Block Breaker Game
e. Including file texture images

back to workshop main page

• Pre-requisite: this is the example (Section IIId. a SetOfBlock) we are building off from.
• You can start with this template source file (resulting source code from previous example), and here is the result the source code for this example.
• Here is the mapping between keyboard and the controller.
• For details of file texture and organization of the source code folder, please refer to the library documentation.

Goals: In this tutorial we want to experience:

• Working with file textures!

• XnaAssignmentBase.BackgroundTexture: the texture (image) to as background of the application window.

1. Including texture resources: Under the Solution Explorer, open the Content tab,
   • Right-mouse-click on the Resources folder:
     • Add new folder: Textures.
     • Add textures: Right-mouse-click over the Textures folder: Add Existing Items
     • Browse and add the following two images (under TextureImages folder):

     bgTexture.jpg	blockTexture.jpg	paddleTexture.jpg

   • The above actions will include these two images as part of the project. Now, we can use these images in our project.  
     
   
   
2. Background Texture: Game1.cs:
   • InitializeWorld:  include the following line:

     • XnaAssignmentBase.BackgroundTexture = "bgTexture";

   • By setting the BackgroundTexture the application will automatically use this image as the background.
   
   
3. Block Texture:  Block.cs
   • Instance variable:

     • protected String m_Texture: for storing the texture string.

   • Constructor: initialize

     • m_Texture = "blockTexture"

   • Draw:
     • last parameter of DrawTriangle, uses the new texture.
     
     
4. Paddle without texture: Paddle.cs: Recall that the Paddle class is a subclass from the Block class. By include a texture for the blocks, paddle will also display the same texture. This is kind of ugly, so let's change the texture for the padde:
   • Constructor: initialize

     • m_Texture = "paddleTexture"

There are two things we should keep in mind when working with file textures:

1. Inclusion into the project: we must add each texture image into the project. These images must be added to the Textures folder under Content/Resources.
2. Using the texture image: Notice we use the texture image without the file name extension.