Update for rework

Author: AristurtleDev

articles/tutorials/building_2d_games/15_working_with_spritefonts/index.md

@@ -201,23 +201,27 @@ Next, open the *gameFont.spritefont* file and make the following changes:
 The key changes here are:
 
 1. The `<FontName>` element was updated to `04B_11.ttf`, the exact filename with extension of the TTF font we just downloaded.
-2. The `<Size>` element was updated to be `16`.
+2. The `<Size>` element was updated to be `32`.
 
 ### Updating the Game
 
 Finally, open the *Game1.cs* file and make the following changes:
 
-[!code-csharp[](./snippets/game1.cs?highlight=41-45,105-106,234-235,378-379)]
+[!code-csharp[](./snippets/game1.cs?highlight=39-43,54-61,90-91,220-221,360-361)]
 
 The key changes made are:
 
 1. The `_font` field was added to store the SpriteFont Description when loaded.
-1. The `_score` field was added to track the player's score.
-1. In [**LoadContent**](xref:Microsoft.Xna.Framework.Game.LoadContent), the font is loaded using the content manager.
-1. In [**Update**](xref:Microsoft.Xna.Framework.Game.Update(Microsoft.Xna.Framework.GameTime)), the player's score is increased by `100` each time the slime eats the bat.
-1. In [**Draw**](xref:Microsoft.Xna.Framework.Game.Draw(Microsoft.Xna.Framework.GameTime)), the score is drawn to the top-left of the screen using the sprite batch.
-
-| ![Figure 15-2: The game with score displayed in the top-left corner](./videos/score.webm) |
+2. The `_score` field was added to track the player's score.
+3. In [**Initialize**](xref:Microsoft.Xna.Framework.Game.Initialize)
+   1. The height of the rendered font is measured
+   2. The initial slime position is placed 10px below where the score text will be rendered.
+   3. The initial bat position is updated to be 10px below where the score text will be rendered.
+4. In [**LoadContent**](xref:Microsoft.Xna.Framework.Game.LoadContent), the font is loaded using the content manager.
+5. In [**Update**](xref:Microsoft.Xna.Framework.Game.Update(Microsoft.Xna.Framework.GameTime)), the player's score is increased by `100` each time the slime eats the bat.
+6. In [**Draw**](xref:Microsoft.Xna.Framework.Game.Draw(Microsoft.Xna.Framework.GameTime)), the score is drawn to the top-left of the screen using the sprite batch.
+
+| ![Figure 15-2: The game with score displayed in the top-left corner](./videos/gameplay.webm) |
 |:----------------------------------------------------------------------------------------:|
 |           **Figure 15-2: The game with score displayed in the top-left corner**           |
 

articles/tutorials/building_2d_games/15_working_with_spritefonts/snippets/game1.cs

@@ -1,19 +1,17 @@
 using System;
 using Microsoft.Xna.Framework;
+using Microsoft.Xna.Framework.Audio;
 using Microsoft.Xna.Framework.Graphics;
 using Microsoft.Xna.Framework.Input;
+using Microsoft.Xna.Framework.Media;
 using MonoGameLibrary;
-using MonoGameLibrary.Audio;
 using MonoGameLibrary.Graphics;
 using MonoGameLibrary.Input;
 
 namespace DungeonSlime;
 
-public class Game1 : Game
+public class Game1 : Core
 {
-    private GraphicsDeviceManager _graphics;
-    private SpriteBatch _spriteBatch;
-
     // Defines the slime animated sprite.
     private AnimatedSprite _slime;
 
@@ -26,64 +24,48 @@ public class Game1 : Game
     // Speed multiplier when moving.
     private const float MOVEMENT_SPEED = 5.0f;
 
-    // Tracks the input manager
-    private InputManager _input;
-
     // Tracks the position of the bat.
     private Vector2 _batPosition;
 
     // Tracks the velocity of the bat.
     private Vector2 _batVelocity;
 
-    // Tracks the audio manager
-    private AudioManager _audio;
+    // The sound effect to play when the bat bounces off the edge of the screen.
+    private SoundEffect _bounceSoundEffect;
+
+    // The sound effect to play when the slime eats a bat.
+    private SoundEffect _collectSoundEffect;
 
     // The SpriteFont Description used to draw text
     private SpriteFont _font;
 
     // Tracks the players score.
     private int _score;
 
-    public Game1()
+    public Game1() : base("Dungeon Slime", 1280, 720, false)
     {
-        _graphics = new GraphicsDeviceManager(this);
-        Content.RootDirectory = "Content";
-        IsMouseVisible = true;
-
-        // Create the instance of the input manager.
-        _input = new InputManager(this);
-
-        // Add it to the game's component collection
-        Components.Add(_input);
-
-        // Create the instance of the audio manager.
-        _audio = new AudioManager(this);
 
-        // Add it to the game's component collection
-        Components.Add(_audio);
     }
 
     protected override void Initialize()
     {
-        // TODO: Add your initialization logic here
-
         base.Initialize();
 
-        // Set the initial position of the bat to be 10px
-        // to the right of the slime.
-        _batPosition = new Vector2(_slime.Width + 10, 0);
+        // Determine the height of the font
+        float textHeight = _font.MeasureString("A").Y;
+
+        // Place the slime at a position below where the score will be displayed
+        _slimePosition = new Vector2(0, textHeight + 10);
+
+        // Set the initial position of the bat to be 10px to the right of the slime.
+        _batPosition = _slimePosition + new Vector2(_slime.Width + 10.0f, 0.0f);
 
         // Assign the initial random velocity to the bat.
         AssignRandomBatVelocity();
-
-        // Start playing the background music
-        _audio.PlaySong("audio/theme");
     }
 
     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");
 
@@ -94,23 +76,27 @@ protected override void LoadContent()
         _bat = atlas.CreateAnimatedSprite("bat-animation");
 
         // Load the bounce sound effect
-        _audio.AddSoundEffect("audio/bounce");
+        _bounceSoundEffect = Content.Load<SoundEffect>("audio/bounce");
 
         // Load the collect sound effect
-        _audio.AddSoundEffect("audio/collect");
+        _collectSoundEffect = Content.Load<SoundEffect>("audio/collect");
 
-        // Load the theme song
-        _audio.AddSong("audio/theme");
+        // Load the background theme music
+        Song theme = Content.Load<Song>("audio/theme");
+
+        // Start playing the background music
+        Audio.PlaySong(theme);
 
         // Load the font
         _font = Content.Load<SpriteFont>("fonts/gameFont");
+
+        base.LoadContent();
     }
 
     protected override void Update(GameTime gameTime)
     {
-        // base.Update first so that components are updated before we perform
-        // additional game logic
-        base.Update(gameTime);
+        if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed || Keyboard.GetState().IsKeyDown(Keys.Escape))
+            Exit();
 
         // Update the slime animated sprite.
         _slime.Update(gameTime);
@@ -204,8 +190,8 @@ protected override void Update(GameTime gameTime)
         {
             _batVelocity = Vector2.Reflect(_batVelocity, normal);
 
-            // Play bounce sound
-            _audio.PlaySoundEffect("audio/bounce");
+            // Play the bounce sound effect
+            Audio.PlaySoundEffect(_bounceSoundEffect);
         }
 
         _batPosition = newBatPosition;
@@ -228,12 +214,14 @@ protected override void Update(GameTime gameTime)
             // Assign a new random velocity to the bat
             AssignRandomBatVelocity();
 
-            // Play collect sound
-            _audio.PlaySoundEffect("audio/collect");
+            // Play the collect sound effect
+            Audio.PlaySoundEffect(_collectSoundEffect);
 
-             // Increase the player's score.
+            // Increase the player's score.
             _score += 100;
         }
+
+        base.Update(gameTime);
     }
 
     private void AssignRandomBatVelocity()
@@ -252,78 +240,71 @@ private void AssignRandomBatVelocity()
 
     private void CheckKeyboardInput()
     {
-        // Exit the game if the escape key is pressed.
-        if (_input.Keyboard.IsKeyDown(Keys.Escape))
-        {
-            Exit();
-        }
-
         // If the space key is held down, the movement speed increases by 1.5
         float speed = MOVEMENT_SPEED;
-        if (_input.Keyboard.IsKeyDown(Keys.Space))
+        if (Input.Keyboard.IsKeyDown(Keys.Space))
         {
             speed *= 1.5f;
         }
 
         // If the W or Up keys are down, move the slime up on the screen.
-        if (_input.Keyboard.IsKeyDown(Keys.W) || _input.Keyboard.IsKeyDown(Keys.Up))
+        if (Input.Keyboard.IsKeyDown(Keys.W) || Input.Keyboard.IsKeyDown(Keys.Up))
         {
             _slimePosition.Y -= speed;
         }
 
         // if the S or Down keys are down, move the slime down on the screen.
-        if (_input.Keyboard.IsKeyDown(Keys.S) || _input.Keyboard.IsKeyDown(Keys.Down))
+        if (Input.Keyboard.IsKeyDown(Keys.S) || Input.Keyboard.IsKeyDown(Keys.Down))
         {
             _slimePosition.Y += speed;
         }
 
         // If the A or Left keys are down, move the slime left on the screen.
-        if (_input.Keyboard.IsKeyDown(Keys.A) || _input.Keyboard.IsKeyDown(Keys.Left))
+        if (Input.Keyboard.IsKeyDown(Keys.A) || Input.Keyboard.IsKeyDown(Keys.Left))
         {
             _slimePosition.X -= speed;
         }
 
         // If the D or Right keys are down, move the slime right on the screen.
-        if (_input.Keyboard.IsKeyDown(Keys.D) || _input.Keyboard.IsKeyDown(Keys.Right))
+        if (Input.Keyboard.IsKeyDown(Keys.D) || Input.Keyboard.IsKeyDown(Keys.Right))
         {
             _slimePosition.X += speed;
         }
 
-        // If the M key is pressed, toggle mute state for audio
-        if(_input.Keyboard.WasKeyJustPressed(Keys.M))
+        // If the M key is pressed, toggle mute state for audio.
+        if (Input.Keyboard.WasKeyJustPressed(Keys.M))
         {
-            _audio.ToggleMute();
+            Audio.ToggleMute();
         }
 
-        // If the + button is pressed, increase the volume
-        if(_input.Keyboard.WasKeyJustPressed(Keys.OemPlus))
+        // If the + button is pressed, increase the volume.
+        if (Input.Keyboard.WasKeyJustPressed(Keys.OemPlus))
         {
-            _audio.IncreaseVolume(0.1f);
+            Audio.IncreaseVolume(0.1f);
         }
 
-        // If the - key is pressed, decrease the volume
-        if(_input.Keyboard.WasKeyJustPressed(Keys.OemMinus))
+        // If the - button was pressed, decrease the volume.
+        if (Input.Keyboard.WasKeyJustPressed(Keys.OemMinus))
         {
-            _audio.DecreaseVolume(0.1f);
+            Audio.DecreaseVolume(0.1f);
         }
     }
 
     private void CheckGamePadInput()
     {
-        // Get the info for player one's gamepad.
-        GamePadInfo gamePadOne = _input.GamePads[(int)PlayerIndex.One];
+        GamePadInfo gamePadOne = Input.GamePads[(int)PlayerIndex.One];
 
         // If the A button is held down, the movement speed increases by 1.5
         // and the gamepad vibrates as feedback to the player.
         float speed = MOVEMENT_SPEED;
         if (gamePadOne.IsButtonDown(Buttons.A))
         {
             speed *= 1.5f;
-            gamePadOne.SetVibration(1.0f, TimeSpan.FromSeconds(0.5f));
+            GamePad.SetVibration(PlayerIndex.One, 1.0f, 1.0f);
         }
         else
         {
-            gamePadOne.StopVibration();
+            GamePad.SetVibration(PlayerIndex.One, 0.0f, 0.0f);
         }
 
         // Check thumbstick first since it has priority over which gamepad input
@@ -364,23 +345,24 @@ private void CheckGamePadInput()
 
     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, _slimePosition);
+        _slime.Draw(SpriteBatch, _slimePosition);
 
         // Draw the bat sprite.
-        _bat.Draw(_spriteBatch, _batPosition);
+        _bat.Draw(SpriteBatch, _batPosition);
 
         // Draw the score
-        _spriteBatch.DrawString(_font, $"Score: {_score}", Vector2.Zero, Color.White);
+        SpriteBatch.DrawString(_font, $"Score: {_score}", Vector2.Zero, Color.White);
 
         // Always end the sprite batch when finished.
-        _spriteBatch.End();
+        SpriteBatch.End();
 
         base.Draw(gameTime);
     }
-}
+}

articles/tutorials/building_2d_games/15_working_with_spritefonts/snippets/gameFont.spritefont

@@ -2,7 +2,7 @@
 <XnaContent xmlns:Graphics="Microsoft.Xna.Framework.Content.Pipeline.Graphics">
   <Asset Type="Graphics:FontDescription">
     <FontName>04B_11.ttf</FontName>
-    <Size>16</Size>
+    <Size>32</Size>
     <Spacing>0</Spacing>
     <UseKerning>true</UseKerning>
     <Style>Regular</Style>