Update chapters for new atlas

Author: AristurtleDev

articles/tutorials/building_2d_games/07_optimizing_texture_rendering/images/atlas.png

@@ -183,17 +183,16 @@ The key changes in this implementation are:
     - Created a `TextureAtlas` with the atlas texture.
     - Added regions for both the slime and the bat.
     - Retrieved the regions using their names.
-4. Updated [**Draw**](xref:Microsoft.Xna.Framework.Game.Draw(Microsoft.Xna.Framework.GameTime)) to render both sprites, using the slime's `Width` property to position the bat.
+4. Updated [**Draw**](xref:Microsoft.Xna.Framework.Game.Draw(Microsoft.Xna.Framework.GameTime)) to:
+   - Draw the slime at a scale factor of 4.
+   - Draw the bat 10 pixels to the right of the bat based on the slime's `Width` property, at a scale of 4
 
 Running the game now shows both sprites in the upper-left corner:
 
 | ![Figure 7-3: The slime and bat texture regions being rendered in the upper-left corner of the game window](./images/slime-and-bat-rendered.png) |
 |:------------------------------------------------------------------------------------------------------------------------------------------------:|
 |                   **Figure 7-3: The slime and bat texture regions being rendered in the upper-left corner of the game window**                   |
 
-> [!NOTE]
-> Both the slime and the bat sprites are very small. In fact, both are only 20x20 pixels each.  This is not going to be ideal for the game we're building, however do not fret, we will resolve this in the next chapter.
-
 While manual creation works for a few sprites, managing many regions becomes cumbersome. Let's now explore the `TextureAtlas.FromFile` method to load our atlas configuration from XML instead. Perform the following:
 
 1. Create a new file named *atlas-definition.xml* in the *Content/images* directory.

articles/tutorials/building_2d_games/07_optimizing_texture_rendering/images/slime-and-bat-rendered.png

@@ -67,11 +67,11 @@ protected override void Draw(GameTime gameTime)
         // Begin the sprite batch to prepare for rendering.
         SpriteBatch.Begin(samplerState: SamplerState.PointClamp);
 
-        // Draw the slime texture region.
-        _slime.Draw(SpriteBatch, Vector2.One, Color.White);
+        // Draw the slime texture region at a scale of 4.0
+        _slime.Draw(SpriteBatch, Vector2.Zero, Color.White, 0.0f, Vector2.One, 4.0f, SpriteEffects.None, 0.0f);
 
-        // Draw the bat texture region 10px to the right of the slime.
-        _bat.Draw(SpriteBatch, new Vector2(_slime.Width + 10, 0), Color.White);
+        // Draw the bat texture region 10px to the right of the slime at a scale of 4.0
+        _bat.Draw(SpriteBatch, new Vector2(_slime.Width * 4.0f + 10, 0), Color.White, 0.0f, Vector2.One, 4.0f, SpriteEffects.None, 1.0f);
 
         // Always end the sprite batch when finished.
         SpriteBatch.End();

articles/tutorials/building_2d_games/07_optimizing_texture_rendering/index.md

@@ -58,15 +58,15 @@ protected override void Draw(GameTime gameTime)
         // Begin the sprite batch to prepare for rendering.
         SpriteBatch.Begin(samplerState: SamplerState.PointClamp);
 
-        // Draw the slime texture region.
-        _slime.Draw(SpriteBatch, Vector2.One, Color.White);
+        // Draw the slime texture region at a scale of 4.0
+        _slime.Draw(SpriteBatch, Vector2.Zero, Color.White, 0.0f, Vector2.One, 4.0f, SpriteEffects.None, 0.0f);
 
-        // Draw the bat texture region 10px to the right of the slime.
-        _bat.Draw(SpriteBatch, new Vector2(_slime.Width + 10, 0), Color.White);
+        // Draw the bat texture region 10px to the right of the slime at a scale of 4.0
+        _bat.Draw(SpriteBatch, new Vector2(_slime.Width * 4.0f + 10, 0), Color.White, 0.0f, Vector2.One, 4.0f, SpriteEffects.None, 1.0f);
 
         // Always end the sprite batch when finished.
         SpriteBatch.End();
 
         base.Draw(gameTime);
     }
-}
+}

articles/tutorials/building_2d_games/07_optimizing_texture_rendering/snippets/game1/textureatlas_usage.cs

@@ -166,13 +166,13 @@ We can simplify this process by adding an animated spirte creation method to the
 
 Let's adjust our game now to use the `AnimatedSprite` class to see our sprites come to life. Replaces the contents of *Game1.cs* with the following:
 
-[!code-csharp[](./snippets/game1.cs?highlight=11-15,34-38,48-52)]
+[!code-csharp[](./snippets/game1.cs?highlight=11-15,34-40,50-54)]
 
 Let's examine the key changes in this implementation:
 
 - The `_slime` and `_bat` members were changed from `Sprite`  to `AnimatedSprite`.
 - In [**LoadContent**](xref:Microsoft.Xna.Framework.Game.LoadContent) the `_slime` and `_bat` sprites are now created using the new `TextureAtlas.CreateAnimatedSprite` method.
-- In [**Update**](xref:Microsoft.Xna.Framework.Game.Update(Microsoft.Xna.Framework.GameTime)), the animations are updated based on the game time using hte `AnimatedSprite.Update` method.
+- In [**Update**](xref:Microsoft.Xna.Framework.Game.Update(Microsoft.Xna.Framework.GameTime)), the animations are updated based on the game time using the `AnimatedSprite.Update` method.
 
 Running the game now shows both sprites animating automatically:
 

articles/tutorials/building_2d_games/07_optimizing_texture_rendering/snippets/game1/textureatlas_xml_usage.cs

@@ -2,11 +2,11 @@
 <TextureAtlas>
     <Texture>images/atlas</Texture>
     <Regions>
-        <Region name="slime-1" x="0" y="0" width="80" height="80" />
-        <Region name="slime-2" x="80" y="0" width="80" height="80" />
-        <Region name="bat-1" x="0" y="80" width="80" height="80" />
-        <Region name="bat-2" x="80" y="80" width="80" height="80" />
-        <Region name="bat-3" x="160" y="80" width="80" height="80" />
+        <Region name="slime-1" x="0" y="0" width="20" height="20" />
+        <Region name="slime-2" x="0" y="20" width="20" height="20" />
+        <Region name="bat-1" x="20" y="0" width="20" height="20" />
+        <Region name="bat-2" x="20" y="20" width="20" height="20" />
+        <Region name="bat-3" x="40" y="0" width="20" height="20" />
     </Regions>
     <Animations>
         <Animation name="slime-animation" delay="200">

articles/tutorials/building_2d_games/09_the_animatedsprite_class/index.md

@@ -33,9 +33,11 @@ protected override void LoadContent()
 
         // Create the slime animated sprite from the atlas.
         _slime = atlas.CreateAnimatedSprite("slime-animation");
+        _slime.Scale = new Vector2(4.0f, 4.0f);
 
         // Create the bat animated sprite from the atlas.
         _bat = atlas.CreateAnimatedSprite("bat-animation");
+        _bat.Scale = new Vector2(4.0f, 4.0f);
 
         base.LoadContent();
     }

articles/tutorials/building_2d_games/09_the_animatedsprite_class/snippets/atlas_definition.xml

@@ -328,7 +328,7 @@ For our game, we're going to implement keyboard and gamepad controls based on th
 
 Open *Game1.cs* and update it with the following:
 
-[!code-csharp[](./snippets/game1.cs?highlight=17-21,60-64,69-157,168)]
+[!code-csharp[](./snippets/game1.cs?highlight=17-21,62-66,71-159,170)]
 
 The key changes made here are:
 

articles/tutorials/building_2d_games/09_the_animatedsprite_class/snippets/game1.cs

@@ -39,9 +39,11 @@ protected override void LoadContent()
 
         // Create the slime animated sprite from the atlas.
         _slime = atlas.CreateAnimatedSprite("slime-animation");
+        _slime.Scale = new Vector2(4.0f, 4.0f);
 
         // Create the bat animated sprite from the atlas.
         _bat = atlas.CreateAnimatedSprite("bat-animation");
+        _bat.Scale = new Vector2(4.0f, 4.0f);
 
         base.LoadContent();
     }