Reworking from removing services

Author: AristurtleDev

articles/tutorials/building_2d_games/07_optimizing_texture_rendering/images/mgcb-editor-copy.png

@@ -3,7 +3,7 @@ title: "Chapter 07: Optimizing Texture Rendering"
 description: Explore optimization techniques when rendering textures using a texture atlas.
 ---
 
-In [Chapter 07](../07_working_with_textures/index.md), you learned how to load and render textures using [**SpriteBatch**](xref:Microsoft.Xna.Framework.Graphics.SpriteBatch). While rendering individual textures works well for simple games, it can lead to performance issues as your game grows more complex. In this chapter, we will explore how to optimize texture rendering by reducing texture swaps and creating reusable components for better organization.
+In [Chapter 06](../06_working_with_textures/index.md), you learned how to load and render textures using [**SpriteBatch**](xref:Microsoft.Xna.Framework.Graphics.SpriteBatch). While rendering individual textures works well for simple games, it can lead to performance issues as your game grows more complex. In this chapter, we will explore how to optimize texture rendering by reducing texture swaps and creating reusable components for better organization.
 
 In this chapter, you will:
 
@@ -167,7 +167,7 @@ Add this texture atlas to your content project using the MGCB Editor:
 
 First, we'll explore creating the texture atlas and defining the texture regions directly in code.  Replace the contents of *Game1.cs* with the following:
 
-[!code-csharp[](./snippets/game1/textureatlas_usage.cs?highlight=13-17,37-53,71-75)]
+[!code-csharp[](./snippets/game1/textureatlas_usage.cs?highlight=5,11-15,31-47,67-77)]
 
 The key changes in this implementation are:
 
@@ -210,7 +210,7 @@ While manual creation works for a few sprites, managing many regions becomes cum
 
 8. Replace the contents of *Game1.cs* with the following code:
 
-    [!code-csharp[](./snippets/game1/textureatlas_xml_usage.cs?highlight=37-38)]
+    [!code-csharp[](./snippets/game1/textureatlas_xml_usage.cs?highlight=31-32)]
 
 The key improvements here is in [**LoadContent**](xref:Microsoft.Xna.Framework.Game.LoadContent), where we now:
 

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

@@ -1,26 +1,22 @@
 using Microsoft.Xna.Framework;
 using Microsoft.Xna.Framework.Graphics;
 using Microsoft.Xna.Framework.Input;
+using MonoGameLibrary;
 using MonoGameLibrary.Graphics;
 
 namespace DungeonSlime;
 
-public class Game1 : Game
+public class Game1 : Core
 {
-    private GraphicsDeviceManager _graphics;
-    private SpriteBatch _spriteBatch;
-
     // texture region that defines the slime sprite in the atlas.
     private TextureRegion _slime;
 
     // texture region that defines the bat sprite in the atlas.
     private TextureRegion _bat;
 
-    public Game1()
+    public Game1() : base("Dungeon Slime", 1280, 720, false)
     {
-        _graphics = new GraphicsDeviceManager(this);
-        Content.RootDirectory = "Content";
-        IsMouseVisible = true;
+
     }
 
     protected override void Initialize()
@@ -32,8 +28,6 @@ protected override void Initialize()
 
     protected override void LoadContent()
     {
-        _spriteBatch = new SpriteBatch(GraphicsDevice);
-
         // Load the atlas texture using the content manager
         Texture2D atlasTexture = Content.Load<Texture2D>("images/atlas");
 
@@ -51,32 +45,37 @@ protected override void LoadContent()
 
         // retrieve the bat region from the atlas.
         _bat = atlas.GetRegion("bat");
+
+        base.LoadContent();
     }
 
     protected override void Update(GameTime gameTime)
     {
         if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed || Keyboard.GetState().IsKeyDown(Keys.Escape))
             Exit();
 
+        // TODO: Add your update logic here
+
         base.Update(gameTime);
     }
 
     protected override void Draw(GameTime gameTime)
     {
+        // Clear the back buffer.
         GraphicsDevice.Clear(Color.CornflowerBlue);
 
         // Begin the sprite batch to prepare for rendering.
-        _spriteBatch.Begin(samplerState: SamplerState.PointClamp);
+        SpriteBatch.Begin(samplerState: SamplerState.PointClamp);
 
         // Draw the slime texture region.
-        _slime.Draw(_spriteBatch, Vector2.One, Color.White);
+        _slime.Draw(SpriteBatch, Vector2.One, Color.White);
 
         // Draw the bat texture region 10px to the right of the slime.
-        _bat.Draw(_spriteBatch, new Vector2(_slime.Width + 10, 0), Color.White);
+        _bat.Draw(SpriteBatch, new Vector2(_slime.Width + 10, 0), Color.White);
 
         // Always end the sprite batch when finished.
-        _spriteBatch.End();
+        SpriteBatch.End();
 
         base.Draw(gameTime);
     }
-}
+}

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

@@ -1,26 +1,22 @@
 using Microsoft.Xna.Framework;
 using Microsoft.Xna.Framework.Graphics;
 using Microsoft.Xna.Framework.Input;
+using MonoGameLibrary;
 using MonoGameLibrary.Graphics;
 
 namespace DungeonSlime;
 
-public class Game1 : Game
+public class Game1 : Core
 {
-    private GraphicsDeviceManager _graphics;
-    private SpriteBatch _spriteBatch;
-
     // texture region that defines the slime sprite in the atlas.
     private TextureRegion _slime;
 
     // texture region that defines the bat sprite in the atlas.
     private TextureRegion _bat;
 
-    public Game1()
+    public Game1() : base("Dungeon Slime", 1280, 720, false)
     {
-        _graphics = new GraphicsDeviceManager(this);
-        Content.RootDirectory = "Content";
-        IsMouseVisible = true;
+
     }
 
     protected override void Initialize()
@@ -32,8 +28,6 @@ protected override void Initialize()
 
     protected override void LoadContent()
     {
-        _spriteBatch = new SpriteBatch(GraphicsDevice);
-
         // Create the texture atlas from the XML configuration file
         TextureAtlas atlas = TextureAtlas.FromFile(Content, "images/atlas-definition.xml");
 
@@ -42,32 +36,37 @@ protected override void LoadContent()
 
         // retrieve the bat region from the atlas.
         _bat = atlas.GetRegion("bat");
+
+        base.LoadContent();
     }
 
     protected override void Update(GameTime gameTime)
     {
         if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed || Keyboard.GetState().IsKeyDown(Keys.Escape))
             Exit();
 
+        // TODO: Add your update logic here
+
         base.Update(gameTime);
     }
 
     protected override void Draw(GameTime gameTime)
     {
+        // Clear the back buffer.
         GraphicsDevice.Clear(Color.CornflowerBlue);
 
         // Begin the sprite batch to prepare for rendering.
-        _spriteBatch.Begin(samplerState: SamplerState.PointClamp);
+        SpriteBatch.Begin(samplerState: SamplerState.PointClamp);
 
         // Draw the slime texture region.
-        _slime.Draw(_spriteBatch, Vector2.One, Color.White);
+        _slime.Draw(SpriteBatch, Vector2.One, Color.White);
 
         // Draw the bat texture region 10px to the right of the slime.
-        _bat.Draw(_spriteBatch, new Vector2(_slime.Width + 10, 0), Color.White);
+        _bat.Draw(SpriteBatch, new Vector2(_slime.Width + 10, 0), Color.White);
 
         // Always end the sprite batch when finished.
-        _spriteBatch.End();
+        SpriteBatch.End();
 
         base.Draw(gameTime);
     }
-}
+}

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

@@ -3,7 +3,7 @@ title: "Chapter 08: The Sprite Class"
 description: "Explore creating a reusable Sprite class to efficiently sprites and their rendering properties, including position, rotation, scale, and more."
 ---
 
-In [Chapter 08](../08_optimizing_texture_rendering/index.md), you learned how to use texture atlases to optimize rendering performance. While this solved the issue of texture swapping, managing individual sprites and their properties becomes increasingly complex as your game grows. Even in our simple example with just a slime and a bat, we would eventually need to track various properties for each sprite:
+In [Chapter 07](../07_optimizing_texture_rendering/index.md), you learned how to use texture atlases to optimize rendering performance. While this solved the issue of texture swapping, managing individual sprites and their properties becomes increasingly complex as your game grows. Even in our simple example with just a slime and a bat, we would eventually need to track various properties for each sprite:
 
 - Color mask for tinting.
 - Origin for rotation and scale.
@@ -72,7 +72,7 @@ We can simplify this process by adding a sprite creation method to the `TextureA
 
 Let's adjust our game now to use the `Sprite` class instead of just the texture regions.  Replace the contents of *Game1.cs* with the following:
 
-[!code-csharp[](./snippets/game1.cs?highlight=13-17,40-44,62-66)]
+[!code-csharp[](./snippets/game1.cs?highlight=11-15,34-38,61-65)]
 
 The key changes in this implementation are:
 

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

@@ -1,26 +1,22 @@
 using Microsoft.Xna.Framework;
 using Microsoft.Xna.Framework.Graphics;
 using Microsoft.Xna.Framework.Input;
+using MonoGameLibrary;
 using MonoGameLibrary.Graphics;
 
 namespace DungeonSlime;
 
-public class Game1 : Game
+public class Game1 : Core
 {
-    private GraphicsDeviceManager _graphics;
-    private SpriteBatch _spriteBatch;
-
     // Defines the slime sprite.
     private Sprite _slime;
 
     // Defines the bat sprite.
     private Sprite _bat;
 
-    public Game1()
+    public Game1() : base("Dungeon Slime", 1280, 720, false)
     {
-        _graphics = new GraphicsDeviceManager(this);
-        Content.RootDirectory = "Content";
-        IsMouseVisible = true;
+
     }
 
     protected override void Initialize()
@@ -32,8 +28,6 @@ protected override void Initialize()
 
     protected override void LoadContent()
     {
-        _spriteBatch = new SpriteBatch(GraphicsDevice);
-
         // Create the texture atlas from the XML configuration file
         TextureAtlas atlas = TextureAtlas.FromFile(Content, "images/atlas-definition.xml");
 
@@ -42,32 +36,37 @@ protected override void LoadContent()
 
         // Create the bat sprite from the atlas.
         _bat = atlas.CreateSprite("bat");
+
+        base.LoadContent();
     }
 
     protected override void Update(GameTime gameTime)
     {
         if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed || Keyboard.GetState().IsKeyDown(Keys.Escape))
             Exit();
 
+        // TODO: Add your update logic here
+
         base.Update(gameTime);
     }
 
     protected override void Draw(GameTime gameTime)
     {
+        // Clear the back buffer.
         GraphicsDevice.Clear(Color.CornflowerBlue);
 
         // Begin the sprite batch to prepare for rendering.
-        _spriteBatch.Begin(samplerState: SamplerState.PointClamp);
+        SpriteBatch.Begin(samplerState: SamplerState.PointClamp);
 
         // Draw the slime sprite.
-        _slime.Draw(_spriteBatch, Vector2.One);
+        _slime.Draw(SpriteBatch, Vector2.One);
 
         // Draw the bat sprite 10px to the right of the slime.
-        _bat.Draw(_spriteBatch, new Vector2(_slime.Width + 10, 0));
+        _bat.Draw(SpriteBatch, new Vector2(_slime.Width + 10, 0));
 
         // Always end the sprite batch when finished.
-        _spriteBatch.End();
+        SpriteBatch.End();
 
         base.Draw(gameTime);
     }
-}
+}

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

@@ -11,20 +11,18 @@ While packing images into a texture atlas and managing them through our `Sprite`
 In MonoGame, we can create these animations by cycling through different regions of our texture atlas, with each region representing a single frame of the animation. For example, Figure 10-1 below shows three frames that make up a bat's wing-flapping animation:
 
 | ![Figure 10-1: Animation example of a bat flapping its wings](./images/bat-animation-example.gif) |
-|:------------------------------------------------------------------------------------------------:|
+| :-----------------------------------------------------------------------------------------------: |
 |                  **Figure 10-1: Animation example of a bat flapping its wings**                   |
 
 By drawing each frame sequentially over time, we create the illusion that the bat is flapping its wings. The speed at which we switch between frames determines how smooth or rapid the animation appears.
 
-In this chapter, we'll build off of the `Sprite` class we created in [Chapter 09](../09_the_sprite_class/index.md) to create an `AnimatedSprite` class we can use to bring animations to life.
+In this chapter, we'll build off of the `Sprite` class we created in [Chapter 08](../08_the_sprite_class/index.md) to create an `AnimatedSprite` class we can use to bring animations to life.
 
 ## The Animation Class
 
 Before we can create animated sprites, we need a way to manage animation data. Let's create an `Animation` class to encapsulate this information. In the *Graphics* directory within the *MonoGameLibrary* project, add a new file named *Animation.cs* with this initial structure:
 
-|                     Animation.cs                      |
-|:-----------------------------------------------------:|
-| [!code-csharp[](./snippets/animation.cs#declaration)] |
+[!code-csharp[](./snippets/animation.cs#declaration)]
 
 ### Animation Properties
 
@@ -168,7 +166,7 @@ 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=13-17,40-44,52-56)]
+[!code-csharp[](./snippets/game1.cs?highlight=11-15,34-38,48-52)]
 
 Let's examine the key changes in this implementation:
 
@@ -181,9 +179,9 @@ Running the game now shows both sprites animating automatically:
 - The slime bounces between two frames
 - The bat's wings flap in a continuous cycle
 
-| ![Figure 10-2: The slime and bat sprite animating](./images/slime-bat-animated.gif) |
-|:----------------------------------------------------------------------------------:|
-|                 **Figure 10-2: The slime and bat sprite animating**                 |
+| ![Figure 10-2: The slime and bat sprite animating](./videos/slime-bat-animated.webm) |
+| :----------------------------------------------------------------------------------: |
+|                 **Figure 10-2: The slime and bat sprite animating**                  |
 
 ## Conclusion