In this section, we’ll be using the source code for the textured rectangle project from Chapter 9. You might remember this project as the one that created the cool rectangle with a tree image texture. Running the project will result in the familiar tree rectangle that you saw back when you first started the 3D section (see Figure 13-2).
Currently, the rectangle is drawn using the
BasicEffect class. You’re going to change that so it uses an effect created
from an HLSL file that you generate. The first thing to do is create a
subfolder under the 3DMadnessContent project in
your solution by right-clicking the
3DMadnessContent project in Solution Explorer and
selecting Add→New Folder. Name the new
Next, right-click the 3DMadnessContent\Effects folder in Solution Explorer and select Add→New Item…. Select Effect File as the template on the right and name the file Red.fx, as shown in Figure 13-3.
Figure 13-2. Pretty, pretty rectangle…ahhhhh…
Figure 13-3. Creating a new effect file
Odds are that your sample effect file is the same as the code listed previously, but with comments added for your benefit. Just to be safe, make sure that your effect file contains the following code:
float4x4 World; float4x4 View; float4x4 Projection; // TODO: add effect parameters ...