PopIt!

I den här övningen skall du göra ett spel. Hur det kommer att se ut när det är klart ser du i videon nedan.

Instruktioner till PopIt!

Nedan följer instruktioner för hur du gör spelet “PopIt!” med hjälp av Visual Studio och MonoGame.

Först står en beskrivning på vad du ska göra, och därefter följer koden. Det är inte alltid all kod visas, utan ibland visas bara de bitar som har ändrats. Var uppmärksam på om det står …. på ställen, det betyder att vi hoppar i koden. Till varje punkt finns också en video som i detalj visar hur man gör.

Koden är inte alltid optimalt skriven, utan instruktionerna är skrivna för att vara lättare att förstå för nybörjare.

1. Skapa projekt

Skapa ett nytt projekt i Visual Studio. Välj File>New>Projekt… och sedan Other languages>Visual C#>MonoGame>MonoGame Windows Project. Namnge projektet “PopIt!”. Om du vill kan du ta bort kommentarerna som finns i den genererade koden.

2. Lägg till en bild

Ladda ner och packa upp bild-och ljudmaterialet som finns i zip-filen: Bild- och ljudmaterial till PopIt.zip. Lägg till bilderna i Content-mappen i Visual studio genom att markera mappen, högerklicka och välj Add>Existing item. Om du inte ser dem, kontrollera att “all files” är valt ned till höger.

Högerklicka på var och en av bilderna i Solution och välj Properties och under “Copy to output” välj “Copy if newer”.

Ladda in och rita ut bilderna

Deklarera bilden som ska användas som bakgrund längst upp och ladda in den i LoadContent().

I metoden Draw, rita ut bakgrundsbilden längst upp på skärmen. För att något ska kunna ritas ut måste man skriva koden mellan spriteBatch.Begin och spriteBatch.End.

Tryck på start och kontrollera att bilden ritas ut.

using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;

namespace PopIt
{
      public class Game1 : Game
      {
             GraphicsDeviceManager graphics;
             SpriteBatch spriteBatch;

             Texture2D backgroundTex;

             public Game1()
             {
               graphics = new GraphicsDeviceManager(this);
               Content.RootDirectory = "Content"
             }

             protected override void Initialize()
             {
               base.Initialize();
             }

             protected override void LoadContent()
             {
               spriteBatch = new SpriteBatch(GraphicsDevice);

               backgroundTex = Content.Load<Texture2D>("Undervatten2");
             }

             protected override void UnloadContent()
             {
             }

             protected override void Update(GameTime gameTime)
             {
                if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed || Keyboard.GetState().IsKeyDown(Keys.Escape)) 
                  Exit();
    
                base.Update(gameTime);
             }

             protected override void Draw(GameTime gameTime)
             {
                GraphicsDevice.Clear(Color.CornflowerBlue);
                spriteBatch.Begin();
 
                spriteBatch.Draw(backgroundTex, Vector2.Zero, Color.White);

                spriteBatch.End();

                base.Draw(gameTime);
             }
      }
}

3. Skapa en ny klass

Gå Project i menyn och välj Add Class… Döp den nya klassen till Thing2Pop.cs .

Skapa följande variabler och konstruktorn. thingTex är vad vi kommer använda som namn för bubblan som ska spräckas.

using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Graphics;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace PopIt
{
    class Thing2Pop
    {
       public Texture2D thingTex;
       public Vector2 position;
       public Vector2 velocity;

       public Thing2Pop(Texture2D thingTex, Vector2 velocity, Vector2 position)
       {
           this.thingTex = thingTex;
           this.position = position;
           this.velocity = velocity;
       }
    }
}

4. Skapa metoder

Skapa en metod som du namnger Update. Skriv en sats som gör att varje gång metoden körs kommer position att ökas med velocity. Deklarera en rektangel och skapa den sedan i Update. Ge rektangeln x och y-värderna från positionsvektorn, och storleken från thingTex.

Skapa metoden Draw. På samma sätt som när du ritade ut bakgrunden, skriv in att thingTex ska ritas ut, fast med position istället för Vector2.Zero.

Skapa en metod som returnerar en bool, kalla metoden IsPopped och ge den två integers som inparametrar. Vi ska använda metoden för att styra spräckandet av bubblor. I metoden, initiera en boolvariabel med samma namn som metoden och sätt den till false.

Initiera en rektangel inne i metoden och ge den positions x och y-värden för att bestämma var den ska ritas ut, och ge den thingTexs storlek. Deklarera en boolvariabel bland de andra variablerna längst upp och namnge den “alive” och sätt att den är true från början. I metoden, gör en if-sats som säger att om rektangeln innehåller x och y så ska isPopped sättas till true, och alive till false.



public Texture2D thingTex;
public Vector2 position;
public Vector2 velocity;
public bool alive;
public Rectangle popRect;

...

      public Thing2Pop(Texture2D thingTex, Vector2 velocity, Vector2 position)
      {
          this.thingTex = thingTex;
          this.position = position;
          this.velocity = velocity;
          alive = true;
      }

      public void Update()
      {
          position = position + velocity;
          popRect = new Rectangle((int)(position.X), (int)(position.Y), thingTex.Width, thingTex.Height);
      }

      public void Draw(SpriteBatch spriteBatch)
      {
          spriteBatch.Draw(thingTex, position, Color.White);
      }

      public bool IsPopped(int x, int y)
      {
          bool isPopped = false;
          Rectangle rect = new Rectangle((int)position.X, (int)position.Y, thingTex.Width, thingTex.Height);

          if (rect.Contains(x, y))
          {
              isPopped = true;
              alive = false;
          }

          return isPopped;

      }

   }

}

5. Kalla på metoderna

Gå tillbaka till Game1-klassen. Deklarera klassen Thing2Pop och bilden för bubblan (som vi kallade för thingTex i den andra klassen).

I LoadContent, ladda in bilden samt skapa ett nytt objekt av klassen Thing2Pop och skicka in inparametrarna. Du kan hålla musen över Thing2Pop för att se vad du måste skicka in. Tilldela värden till velocity och position.

I update och draw-metoderna i Game1, kalla på de motsvarande metoderna som du skapade i den andra klassen.

Tryck på play och se vad som händer. En bubbla bör röra sig uppåt på skärmen.

...

public class Game1 : Game
{
   GraphicsDeviceManager graphics;
   SpriteBatch spriteBatch;
   Texture2D backgroundTex;
   Texture2D thingTex;
   Thing2Pop thing;

...

   protected override void LoadContent()
   {
      spriteBatch = new SpriteBatch(GraphicsDevice);

      backgroundTex = Content.Load<Texture2D>("Undervatten2");
      thingTex = Content.Load<Texture2D>("Bubble_1");

      thing = new Thing2Pop(thingTex, new Vector2(0, -4), new Vector2(200, 400));
   }

   protected override void Update(GameTime gameTime)
   {
      if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed || Keyboard.GetState().IsKeyDown(Keys.Escape))
         Exit();
      thing.Update();
      base.Update(gameTime);
   }

   protected override void Draw(GameTime gameTime)
   {
      GraphicsDevice.Clear(Color.CornflowerBlue);
      spriteBatch.Begin();
      spriteBatch.Draw(backgroundTex, Vector2.Zero, Color.White);
      thing.Draw(spriteBatch);
      spriteBatch.End();
      base.Draw(gameTime);
   }
}
}

6. Gör så att bubblan spräcks.

Deklarera två MouseStates. Dessa används för att se var musen befinner sig och om dess knappar är nedtryckta. Deklarera även en bool som ska användas för att kolla om bubblan är spräckt.

I LoadContent, gör så att muspekaren är synlig under spelet.

I Update, sätt att previousMousState ska vara mouseState och att mouseState ska hämta musens status. Detta gör att man kan se vad både musens nuvarande och förra status är.

Gör en if-sats som säger att om rectangeln popRect innehåller musens x och y-koordinater så ska boolen isPopped ändras till true.

I Draw, gör en if-sats som säger att bubblan bara ska ritas ut om isPopped är falskt

Tryck på start och se vad som händer. Du ska nu kunna spräcka bubblan om du för musen över den.

...

public class Game1 : Game
{
   GraphicsDeviceManager graphics;
   SpriteBatch spriteBatch;
   Texture2D backgroundTex;
   Texture2D thingTex;
   Thing2Pop thing;
   MouseState mouseState, previousMouseState;
   bool isPopped;
...

   protected override void LoadContent()
   {
      IsMouseVisible = true;
      spriteBatch = new SpriteBatch(GraphicsDevice);
      backgroundTex = Content.Load<Texture2D>("Undervatten2");
      thingTex = Content.Load<Texture2D>("Bubble_1");
      mouseState = Mouse.GetState();
      thing = new Thing2Pop(thingTex, new Vector2(0, -4), new Vector2(200, 400));
   }

   protected override void Update(GameTime gameTime)
   {
      if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed || Keyboard.GetState().IsKeyDown(Keys.Escape))
      Exit();

      previousMouseState = mouseState;
      mouseState = Mouse.GetState();

      thing.Update();

      if (thing.popRect.Contains(mouseState.X, mouseState.Y))
      {
         isPopped = true;
      }
      base.Update(gameTime);
   }

   protected override void Draw(GameTime gameTime)
   {
      GraphicsDevice.Clear(Color.CornflowerBlue);
      spriteBatch.Begin();
      spriteBatch.Draw(backgroundTex, Vector2.Zero, Color.White);

      if (!isPopped)
         thing.Draw(spriteBatch);

      spriteBatch.End();

      base.Draw(gameTime);
   }
}
}

7. Slumpa position och hastighet på bubblan.

Deklarera en Randomvariabel längst upp och skapa den i LoadContent. Initiera där även fyra heltalsvariabler som ska användas till positioner och hastigheter. Sätt positionerna till att x-värdet ska ha ett slumpmässigt värde mellan 0 och fönstrets bredd minus bubblans bredd, och sätt y-värdet till fönstrets höjd plus bubblans höjd. Dessa ska sedan användas till att placera bubblorna på slumpmässiga platser i fönstret (med vissa restriktioner).

De heltalsom styr hastigheten ska sättas till 0 respektive ett slumpmässigt värde mellan -7 och -2. Initiera en Vector 2 som har värderna från dina hastighetsvariabler.

Skapa ett objekt av klassen thing2pop och för in positionen och hastigheten där.

Tryck start och se vad som händer. Bubblan ska nu få en slumpmässig hastighet och position varje ny gång du kör spelet.

using System;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;

namespace PopIt
{
   public class Game1 : Game
   {
      GraphicsDeviceManager graphics;
      SpriteBatch spriteBatch;
      Texture2D backgroundTex;
      Texture2D thingTex;
      Thing2Pop thing;
      MouseState mouseState, previousMouseState;
      Random random;
      bool isPopped;
...

      protected override void LoadContent()
      {
         IsMouseVisible = true;
         spriteBatch = new SpriteBatch(GraphicsDevice);
         backgroundTex = Content.Load<Texture2D>("Undervatten2");
         thingTex = Content.Load<Texture2D>("Bubble_1");
         mouseState = Mouse.GetState();
         random = new Random();

         int positionX = random.Next(0, Window.ClientBounds.Width - thingTex.Width);
         int positionY = Window.ClientBounds.Height + thingTex.Height;
         Vector2 position = new Vector2(positionX, positionY);

         int velocityX = 0;
         int velocityY = random.Next(-7, -2);
         Vector2 velocity = new Vector2(velocityX, velocityY);

         thing = new Thing2Pop(thingTex, velocity, position);
      }
...

8. Skapa fler bubblor.

Deklarera en lista av thing2Pop i Game1. Skapa sedan listan i LoadContent och gör en for-loop som ska köras så länge det finns mindre än 10 bubblor.

Flytta in koden du skrev tidigare för att skapa ett objekt av klassen Thing2Pop längst ned i for-loopen. Därefter skriver du att for-loopen ska lägga till objeken thing2Popi listan ThingList.

I Update, gör en if-sats som tar bort objekt i listan om de inte är alive.

I Draw, gör en foreach-loop som säger att varje objekt i din lista ska ritas ut.

Tryck på play och kontrollera att det dyker upp en massa bubblor på skärmen.

using System;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;
using System.Collections.Generic;

namespace PopIt
{
   public class Game1 : Game
   { 
      GraphicsDeviceManager graphics;
      SpriteBatch spriteBatch;
      Texture2D backgroundTex;
      Texture2D thingTex;
      Thing2Pop thing;
      MouseState mouseState, previousMouseState;
      Random random;
      bool isPopped;
      List<Thing2Pop> thingList;

...

         protected override void LoadContent()
         {
            IsMouseVisible = true;
            spriteBatch = new SpriteBatch(GraphicsDevice);
            backgroundTex = Content.Load<Texture2D>("Undervatten2");
            thingTex = Content.Load<Texture2D>("Bubble_1");
            random = new Random();
            mouseState = Mouse.GetState();
            thingList = new List<Thing2Pop>();

            for (int i = 0; i <= 10; i++)
            {
                int positionX = random.Next(0, Window.ClientBounds.Width - thingTex.Width);
                int positionY = Window.ClientBounds.Height + thingTex.Height;
                Vector2 position = new Vector2(positionX, positionY);

                int velocityX = 0;
                int velocityY = random.Next(-7, -2);
                Vector2 velocity = new Vector2(velocityX, velocityY);

                thing = new Thing2Pop(thingTex, velocity, position);

                thingList.Add(thing);
            }
         }

         protected override void Update(GameTime gameTime)
         {
             if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed || Keyboard.GetState().IsKeyDown(Keys.Escape))
                Exit();

             previousMouseState = mouseState;
             mouseState = Mouse.GetState();

            foreach (Thing2Pop thing in thingList)
            {
               thing.Update();

               if (thing.popRect.Contains(mouseState.X, mouseState.Y))
               {
                  isPopped = thing.IsPopped(mouseState.X, mouseState.Y);
               }

               if (!thing.alive)
               {
                  thingList.Remove(thing);

                  break;
               }
            }

            base.Update(gameTime);
         }

         protected override void Draw(GameTime gameTime)
         {
             GraphicsDevice.Clear(Color.CornflowerBlue);
             spriteBatch.Begin();
             spriteBatch.Draw(backgroundTex, Vector2.Zero, Color.White);

             foreach (Thing2Pop thing in thingList)
             {
                thing.Draw(spriteBatch);
             }

             spriteBatch.End();

             base.Draw(gameTime);
         }
     }
}

9. Skapa en ny bubbla när du poppat en.

I Update:

protected override void Update(GameTime gameTime)
{

...

   foreach (Thing2Pop thing in thingList)
   {
      thing.Update();

      if (thing.popRect.Contains(mouseState.X, mouseState.Y))
      {
         isPopped = thing.IsPopped(mouseState.X, mouseState.Y);
      }

      if (!thing.alive)
      {
         thingList.Remove(thing);
         int positionX = random.Next(0, Window.ClientBounds.Width - thingTex.Width);
         int positionY = Window.ClientBounds.Height + thingTex.Height;
         Vector2 position = new Vector2(positionX, positionY);
         int velocityX = 0;
         int velocityY = random.Next(-7, -2);
         Vector2 velocity = new Vector2(velocityX, velocityY);

         Thing2Pop thing2Pop = new Thing2Pop(thingTex, velocity, position);

         thingList.Add(thing2Pop);

         break;
      }
   }
   base.Update(gameTime);
}

10. Skapa en ny bubbla när en annan bubbla försvinner utanför skärmen.

I Update: Gör en foreach-loop som går igenom listan med bubblor och gör i denna en if-sats som sätter alive till false om bubblorna åker utanför skärmen. Flytta in if-satsen som spräcker bubblorna efter den nya satsen, och gör om den till if else istället.

   protected override void Update(GameTime gameTime)
   {
    ...

       if (thing.position.Y < 0 - thingTex.Height && thing.alive == true)
       {
         thing.alive = false;
       }   
       else if (thing.popRect.Contains(mouseState.X, mouseState.Y))
       {
         isPopped = thing.IsPopped(mouseState.X, mouseState.Y);
      }

      if (!thing.alive)
      {
         thingList.Remove(thing);

         int positionX = random.Next(0, Window.ClientBounds.Width - thingTex.Width);
         int positionY = Window.ClientBounds.Height + thingTex.Height;

         Vector2 position = new Vector2(positionX, positionY);

         int velocityX = 0;
         int velocityY = random.Next(-7, -2);
         Vector2 velocity = new Vector2(velocityX, velocityY);

         Thing2Pop thing2Pop = new Thing2Pop(thingTex, velocity, position);

         thingList.Add(thing2Pop);

         break;
      }
   }
   base.Update(gameTime);
}

11. Lägg in poäng.

Game1: Deklarera en integer som heter score.

Gör en if-sats som säger att om isPooped är sann så ska score ökas med 10. Gör så att score syns i system diagnostic.

När du nu trycker på play och spräcker bubblor kommer poängen att synas om du går in i Debug>Windows>Output (du kan behöva scrolla upp lite i fönstret).

public class Game1 : Game
{
...

   int score;

...


   protected override void Update(GameTime gameTime)
   {
...

      foreach (Thing2Pop thing in thingList)
      {
         thing.Update();

         if (thing.position.Y < 0 - thingTex.Height && thing.alive == true)
         {
            thing.alive = false;
         }
         else if (thing.popRect.Contains(mouseState.X, mouseState.Y))
         {
            isPopped = thing.IsPopped(mouseState.X, mouseState.Y);

            if (isPopped)
            {
               score += 10;
            }
         }

         if (!thing.alive)
         {
            thingList.Remove(thing);

            int positionX = random.Next(0, Window.ClientBounds.Width - thingTex.Width);
            int positionY = Window.ClientBounds.Height + thingTex.Height;
            Vector2 position = new Vector2(positionX, positionY);

            int velocityX = 0;
            int velocityY = random.Next(-7, -2);

            Vector2 velocity = new Vector2(velocityX, velocityY);

            Thing2Pop thing2Pop = new Thing2Pop(thingTex, velocity, position);

            thingList.Add(thing2Pop);

            break;
         }
     }

     System.Diagnostics.Debug.WriteLine("score...." + score);

     base.Update(gameTime);
   }

12. Skapa en till klass

Skapa en ny klass och döp den till Bomb. Bomb ska se likadan ut som klassen thing2pop bortsätt från namnen.

using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Graphics;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace PopIt
{
   class Bomb
   {

      public Texture2D bombTex;
      public Vector2 position;
      public Vector2 velocity;
      public bool alive;
      public Rectangle bombRect;

      public Bomb(Texture2D bombTex, Vector2 velocity, Vector2 position)
      {
         this.bombTex = bombTex;
         this.position = position;
         this.velocity = velocity;
         alive = true;
      }

      public void Update()
      {
         position = position + velocity;
         bombRect = new Rectangle((int)(position.X), (int)(position.Y), bombTex.Width, bombTex.Height);
      }

      public void Draw(SpriteBatch spriteBatch)
      {
         spriteBatch.Draw(bombTex, position, Color.White);
      }

       public bool IsPopped(int x, int y)
      {
         bool isPopped = false;
         Rectangle rect = new Rectangle((int)position.X, (int)position.Y, bombTex.Width, bombTex.Height);

         if (rect.Contains(x, y))
         {
             isPopped = true;
             alive = false;
         }

         return isPopped;
     }
   }
}

13. Skapa Objekt utav klassen Bomb.

Deklarera och ladda in bilden på bomben.

Precis som med thing2Pop, gör en lista med bomber som ska ritas ut på skärmen (5 bomber räcker). Gå tillbaka och titta på hur du gjorde med bubblorna om du glömt hur man skall göra.

Kontrollera så att bomberna ritats ut och rör sig.

...

public class Game1 : Game
{
   GraphicsDeviceManager graphics;
   SpriteBatch spriteBatch;
   Texture2D backgroundTex;
   Texture2D thingTex;
   Texture2D bombTex;
   Thing2Pop thing;
   MouseState mouseState, previousMouseState;
   Random random;
   bool isPopped;
   List<Thing2Pop> thingList;
   List<Bomb> bombList;
   int score;
...

   protected override void LoadContent()
   {
      IsMouseVisible = true;
      spriteBatch = new SpriteBatch(GraphicsDevice);
      backgroundTex = Content.Load<Texture2D>("Undervatten2");
      thingTex = Content.Load<Texture2D>("Bubble_1");
      bombTex = Content.Load<Texture2D>("bomb");
      random = new Random();
      mouseState = Mouse.GetState();
      thingList = new List<Thing2Pop>();

      for (int i = 0; i <= 10; i++)
      {
         int positionX = random.Next(0, Window.ClientBounds.Width - thingTex.Width);
         int positionY = Window.ClientBounds.Height + thingTex.Height;
         Vector2 position = new Vector2(positionX, positionY);

         int velocityX = 0;
         int velocityY = random.Next(-7, -2);
         Vector2 velocity = new Vector2(velocityX, velocityY);

         thing = new Thing2Pop(thingTex, velocity, position);
         thingList.Add(thing);
     }

     bombList = new List<Bomb>();

     for (int i = 0; i <= 5; i++)
     {
        int positionX = random.Next(0, Window.ClientBounds.Width - bombTex.Width);
        int positionY = Window.ClientBounds.Height + bombTex.Height;
        Vector2 position = new Vector2(positionX, positionY);

        int velocityX = 0;
        int velocityY = random.Next(-7, -2);
        Vector2 velocity = new Vector2(velocityX, velocityY);

        Bomb bomb = new Bomb(bombTex, velocity, position);

        bombList.Add(bomb);
     }
   }

   protected override void Update(GameTime gameTime)
   {
   ...

   foreach (Thing2Pop thing in thingList)
   {
      thing.Update();

      if (thing.position.Y < 0 - thingTex.Height && thing.alive == true)
      {
         thing.alive = false;
      }
      else if (thing.popRect.Contains(mouseState.X, mouseState.Y))
      {
         isPopped = thing.IsPopped(mouseState.X, mouseState.Y);

         if (isPopped)
         {
            score += 10;
         }
      } 

      if (!thing.alive)
      {
          thingList.Remove(thing);

          int positionX = random.Next(0, Window.ClientBounds.Width - thingTex.Width);
          int positionY = Window.ClientBounds.Height + thingTex.Height;
          Vector2 position = new Vector2(positionX, positionY);

          int velocityX = 0;
          int velocityY = random.Next(-7, -2);
          Vector2 velocity = new Vector2(velocityX, velocityY);

          Thing2Pop thing2Pop = new Thing2Pop(thingTex, velocity, position);

          thingList.Add(thing2Pop);

          break;
       }
   }

   foreach (Bomb bomb in bombList)
   {
       bomb.Update();
   }

   System.Diagnostics.Debug.WriteLine("score...." + score);
      base.Update(gameTime);
   }

   protected override void Draw(GameTime gameTime)
   {
      GraphicsDevice.Clear(Color.CornflowerBlue);
      spriteBatch.Begin();
      spriteBatch.Draw(backgroundTex, Vector2.Zero, Color.White);

      foreach (Thing2Pop thing in thingList)
      {
         thing.Draw(spriteBatch);
      }
      foreach (Bomb b in bombList)
      {
         b.Draw(spriteBatch);
      }
      spriteBatch.End();
      base.Draw(gameTime);
    }
  }
}

14. Möjliggör spräckande av bomberna

Fortsätt att göra samma sak för bomberna som med bubblorna för att få dem att spricka, men ta inte medi koden som säger att man får mer poäng om bubblorna går sönder.

Kontrollera att bomberna också försvinner när du för musen över dem eller om de åker utanför skärmen. Lägg till nya bomber när en tas bort.

protected override void Update(GameTime gameTime)
{
...
   foreach (Bomb bomb in bombList)
   {
      bomb.Update();

      if (bomb.position.Y < 0 - thingTex.Height && bomb.alive == true)
      {
         bomb.alive = false;
      }
      else if (bomb.bombRect.Contains(mouseState.X, mouseState.Y))
      {
         bool isPopped = bomb.IsPopped(mouseState.X, mouseState.Y);
      }

      if (!bomb.alive)
      {
         bombList.Remove(bomb);

         int positionX = random.Next(0, Window.ClientBounds.Width - bombTex.Width);
         int positionY = Window.ClientBounds.Height + bombTex.Height;
         Vector2 position = new Vector2(positionX, positionY);

         int velocityX = 0;
         int velocityY = random.Next(-7, -2);
         Vector2 velocity = new Vector2(velocityX, velocityY);

         Bomb b = new Bomb(bombTex, velocity, position);

         bombList.Add(b);

         break;
      }
    }
    System.Diagnostics.Debug.WriteLine("score...." + score);
    base.Update(gameTime);
}

15. Lägg till liv

Nu ska vi lägga till liv i spelet och att man förlorar liv om man spräcker bomberna istället för bubblor. Detta ska vi göra med en uppsättning if-satser. Skriv att bubblorna och bomberna bara läggs till i sina listor, updateras och ritas ut om det fortfarande finns liv kvar. Gör en if-sats där du tömmer listorna om liven är slut. Gör en if-sats som säger att det bara är så länge det finns liv kvar som bubblorna, bomberna och bakgrunden ritas ut.

...
public class Game1 : Game
{
   ...
   int score;
   int lives = 5;
   ...

   protected override void Update(GameTime gameTime)
   {
   ...
      if (lives > 0)
      {
        foreach (Thing2Pop thing in thingList)
        {
          thing.Update();

          if (thing.position.Y < 0 - thingTex.Height && thing.alive == true)
          {
            thing.alive = false;
          }
          else if (thing.popRect.Contains(mouseState.X, mouseState.Y))
          {
            isPopped = thing.IsPopped(mouseState.X, mouseState.Y);
            if (isPopped)
            {
               score += 10;
            }
          }
          if (!thing.alive)
          {
            thingList.Remove(thing);

            int positionX = random.Next(0, Window.ClientBounds.Width - thingTex.Width);
            int positionY = Window.ClientBounds.Height + thingTex.Height;
            Vector2 position = new Vector2(positionX, positionY);

            int velocityX = 0;
            int velocityY = random.Next(-7, -2);
            Vector2 velocity = new Vector2(velocityX, velocityY);

            Thing2Pop thing2Pop = new Thing2Pop(thingTex, velocity, position);

            thingList.Add(thing2Pop);

            break;
          }
        }

        foreach (Bomb bomb in bombList)
        {
          bomb.Update();

          if (bomb.position.Y < 0 - thingTex.Height && bomb.alive == true)
          {
             bomb.alive = false;
          }
          else if (bomb.bombRect.Contains(mouseState.X, mouseState.Y))
          {
            bool isPopped = bomb.IsPopped(mouseState.X, mouseState.Y);
            if (isPopped)
            {
               lives--;
            }
          }
          if (!bomb.alive)
          {
            bombList.Remove(bomb);

            int positionX = random.Next(0, Window.ClientBounds.Width - bombTex.Width);
            int positionY = Window.ClientBounds.Height + bombTex.Height;
            Vector2 position = new Vector2(positionX, positionY);

            int velocityX = 0;
            int velocityY = random.Next(-7, -2);
            Vector2 velocity = new Vector2(velocityX, velocityY);

            Bomb b = new Bomb(bombTex, velocity, position);

            bombList.Add(b);

            break;
          }
        }
      }

      else if (lives == 0)
      {
         thingList.Clear();
         bombList.Clear();
      }

      System.Diagnostics.Debug.WriteLine("score...." + score);
      base.Update(gameTime);
   }

   protected override void Draw(GameTime gameTime)
   {
      GraphicsDevice.Clear(Color.CornflowerBlue);
      spriteBatch.Begin();
      if (lives > 0)
      {
         spriteBatch.Draw(backgroundTex, Vector2.Zero, Color.White);
         foreach (Thing2Pop thing in thingList)
         {
            thing.Draw(spriteBatch);
         }
         foreach (Bomb b in bombList)
         {
            b.Draw(spriteBatch);
         }
      }
      spriteBatch.End();
      base.Draw(gameTime);
   }
  }
}

16. Lägg till en titel

I Draw-metoden i Game1: lägg till namnet på spelet i fönsterhuvudet, tillsammans med hur många poäng och liv spelaren har.

Kommentera ut System.Dignostics... i update-metoden i Game1 genom att sätta två snedsträck // framför.

I Update:

//System.Diagnostics.Debug.WriteLine("score...." + score);

...

      protected override void Draw(GameTime gameTime)
      {
         GraphicsDevice.Clear(Color.CornflowerBlue);
         spriteBatch.Begin();
         if (lives > 0)
         {
            spriteBatch.Draw(backgroundTex, Vector2.Zero, Color.White);
            foreach (Thing2Pop thing in thingList)
            {
               thing.Draw(spriteBatch);
            }
            foreach (Bomb b in bombList)
            {
               b.Draw(spriteBatch);
            }
         }

         Window.Title = "POP IT " + " Score: " + score + " lives: " + lives;

         spriteBatch.End();
         base.Draw(gameTime);
      }
   }
}

17. Lägg till game over-skärm

Deklarera och ladda in bilden på game over-skärmen. I Draw: Gör en else-sats som säger att om liven är 0 eller mindre så ska game over-bilden ritas ut.


public class Game1 : Game
{
   ...
   Texture2D gameOverTex;
   ...

   protected override void LoadContent()
   {
      IsMouseVisible = true;
      spriteBatch = new SpriteBatch(GraphicsDevice);
      backgroundTex = Content.Load<Texture2D>("Undervatten2");
      thingTex = Content.Load<Texture2D>("Bubble_1");
      bombTex = Content.Load<Texture2D>("bomb");
      gameOverTex = Content.Load<Texture2D>("GameOver");
      random = new Random();
      ...

   protected override void Draw(GameTime gameTime)
   {
      GraphicsDevice.Clear(Color.CornflowerBlue);
      spriteBatch.Begin();
      if (lives > 0)
      {
         spriteBatch.Draw(backgroundTex, Vector2.Zero, Color.White);

         foreach (Thing2Pop thing in thingList)
         {
            thing.Draw(spriteBatch);
         }
         foreach (Bomb b in bombList)
         {
            b.Draw(spriteBatch);
         }
      }
      else
      {
         spriteBatch.Draw(gameOverTex, Vector2.Zero, Color.White);
      }

      Window.Title = "POP IT " + " Score: " + score + " lives: " + lives;
      spriteBatch.End();
      base.Draw(gameTime);
   }
  }
}

18. Ändra bilden för muspekaren.

Deklarera en Rectangle i konstruktorn som du namnger crosshairRect. Tilldela crosshairRect positionen för musen och gör den lika stor som bilden crosshairNormal, och samma position som musen befinner sig på.

    public class Game1 : Game
    {
       GraphicsDeviceManager graphics;
       SpriteBatch spriteBatch;

       Texture2D crosshairNormalTex;  
       Rectangle crosshairRect;

I LoadContent:



 crosshairNormalTex = Content.Load<Texture2D>("F12");

I Update:

crosshairRect = new Rectangle(mouseState.X - crosshairNormalTex.Width / 2, mouseState.Y - crosshairNormalTex.Height / 2,  crosshairNormalTex.Width, crosshairNormalTex.Height);

I Draw:

spriteBatch.Draw(crosshairNormalTex, crosshairRect, Color.White);

19. Byt till en annan bild när man poppar en bubbla:

Lägg till en ny textur och en heltalsvariabel bubbleTimer med värdet 200.

Texture2D crosshairHappyTex;
int bubbleTimer = 200;

I LoadContent:

crosshairNormalTex = Content.Load<Texture2D>("F12");
crosshairHappyTex = Content.Load<Texture2D>("F22");

I Update:

else if (thing.popRect.Contains(mouseState.X, mouseState.Y))
{
   bool isPopped = thing.IsPopped(mouseState.X, mouseState.Y);

   if (isPopped)
   {
      score += 10;
      bubbleTimer = 0;
      bubblePop.Play();
   }
}

I Draw:

if (bubbleTimer < 200)
{
   bubbleTimer += (int)gameTime.ElapsedGameTime.TotalMilliseconds;
   spriteBatch.Draw(crosshairHappyTex, crosshairRect, Color.White);
}
else
   spriteBatch.Draw(crosshairNormalTex, crosshairRect, Color.White);

20. Byt bild när en bomb sprängs.

Lägg till en ny textur och en heltalsvariabel bombTimer med värdet 200.

Texture2D crosshairSadTex;
int bombTimer = 200;

I LoadContent:

crosshairSadTex = Content.Load<Texture2D>("F32");

I Update:

else if (bomb.bombRect.Contains(mouseState.X, mouseState.Y))
{
   bool isPopped = bomb.IsPopped(mouseState.X, mouseState.Y)
   if (isPopped)
   {
      lives--;
      bombTimer = 0;
      bombExplosion.Play();
   }
}

I Draw:

if (bubbleTimer < 200)
{
   bubbleTimer += (int)gameTime.ElapsedGameTime.TotalMilliseconds;
   spriteBatch.Draw(crosshairHappyTex, crosshairRect, Color.White);
}
else if (bombTimer < 200)
{
   bombTimer += (int)gameTime.ElapsedGameTime.TotalMilliseconds;
   spriteBatch.Draw(crosshairSadTex, crosshairRect, Color.White);
}
else
   spriteBatch.Draw(crosshairNormalTex, crosshairRect, Color.White);

21. Lägg till ljud

Ladda in ljudfilerna i Contet-mappen i ditt projekt.

Exempel på hur du hittar mappen:

Den här datorn > Dokument > Visual Studio 2015 > Projects > Projektets namn > Projektets namn > Content

Klistra in ljudfilerna i Content-mappen.

Gå in i Visual Studio och öppna Monogame Pipeline. (En röd symbol i Solution Explorer i Projektet i mappen Content)

Tryck på Edit > Add > Existing Item > Lokalisera ljudfilerna (Den här datorn > Dokument > Visual Studio 2015 > Projects > Projektets namn > Projektets namn > Content) > Välj filen och tryck Öppna

Upprepa tidigare steg (Tryck på Edit > Add > Existing Item > …..) för att ladda in en ny ljudfil.

När du laddat in alla dina ljudfiler Tryck på Build > Build > Stäng Monogame Pipeline

using Microsoft.Xna.Framework.Audio;
SoundEffect bubblePop;
SoundEffect bombExplosion;

Initiera variablerna i LoadContent():

bubblePop = Content.Load<SoundEffect>("Pop");
bombExplosion = Content.Load<SoundEffect>("Boom");

Spela upp ljudeffekten i if-satsen där vi kollar om bubblan blir poppad.
Använd metoden Play() i Soundeffect för att spela upp ljudet.
...
else if (things.popRect.Contains(mouseState.X, mouseState.Y))
{
   isPopped = things.IsPopped(mouseState.X, mouseState.Y);
   if (isPopped)
   {
     score += 10;
     time = 0;
     bubblePop.Play();
   }
}
...

Spela upp ljudeffekten i if-satsen där vi kollar om bomben blir poppad.

Gör likadant som för bubblorna.

...
else if (bomb.bombRect.Contains(mouseState.X, mouseState.Y))
{
   bool isPopped = bomb.IsPopped(mouseState.X, mouseState.Y);
   if (isPopped)
   {
      lives--;
      timer = 0;
      bombExplosion.Play();
   }
}
...