Giovanni Cortés | Software, Electrónica y GameDev

Tutorial MonoGame – La pantalla de Game Over

8 junio, 20199 junio, 2019 by Giovanni

Este será otro pequeño tutorial ya que solamente crearemos la pantalla de Game Over y al final le agregaremos otros detalles más como la puntuación obtenida. Lo primero que vamos a hacer es crear el archivo GameOverScreen.cs en la carpeta de Screens y escribir lo siguiente.

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

namespace FlappyBird
{
  public class GameOverScreen : Screen
  {
    GameData gameData;
    Texture2D background;

    public GameOverScreen(GameData gameData)
    {
      this.gameData = gameData;
    }

    override public void Init()
    {
      background = gameData.content.Load<Texture2D>("Sprites/sky");
    }

    override public void Update(GameTime gameTime)
    {
    }

    override public void Draw(GameTime gameTime)
    {
      gameData.spriteBatch.Draw(
        background, 
        new Rectangle(0, 0, Constants.SCREEN_WIDTH, Constants.SCREEN_HEIGHT), 
        Color.White
      );
    }
  }
}

using Microsoft.Xna.Framework;

using Microsoft.Xna.Framework.Graphics;

namespace FlappyBird

{

public class GameOverScreen : Screen

{

GameData gameData;

Texture2D background;

public GameOverScreen(GameData gameData)

{

this.gameData = gameData;

}

override public void Init()

{

background = gameData.content.Load<Texture2D>("Sprites/sky");

}

override public void Update(GameTime gameTime)

{

}

override public void Draw(GameTime gameTime)

{

gameData.spriteBatch.Draw(

background,

new Rectangle(0, 0, Constants.SCREEN_WIDTH, Constants.SCREEN_HEIGHT),

Color.White

);

}

Una simple pantalla con un background, sin nada más. Si … Read moreTutorial MonoGame – La pantalla de Game Over

Tutorial MonoGame – La pantalla de juego

26 junio, 20198 junio, 2019 by Giovanni

Ya anteriormente habíamos creado la pantalla de Menú Principal, donde creamos un botón para iniciar el juego. En esta ocasión vamos a crear el esqueleto principal de la pantalla de juego. En esta ocasión solamente haremos el esqueleto de esta pantalla, ya que en posteriores entradas vamos a escribir toda la lógica de nuestro juego … Read moreTutorial MonoGame – La pantalla de juego

Tutorial MonoGame – El menú principal

8 junio, 20196 junio, 2019 by Giovanni

Ya creamos nuestra pantalla Splash, ahora es tiempo de crear la pantalla del Menú Principal, desde la cual comenzaremos a jugar. Lo primero que vamos a hacer es crear un nuevo archivo llamado MainMenuScreen.cs dentro del folder de Screens. Dentro de ese archivo vamos a escribir lo siguiente

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

namespace FlappyBird
{
  public class MainMenuScreen : Screen
  {
    GameData gameData;
    Texture2D background;
    Texture2D gameTitle;
    Texture2D button;
    Rectangle buttonRect;

    public MainMenuScreen(GameData gameData)
    {
      this.gameData = gameData;
    }

    override public void Init()
    {
      background = gameData.content.Load<Texture2D>("Sprites/sky");
      gameTitle = gameData.content.Load<Texture2D>("Sprites/title");
      button = gameData.content.Load<Texture2D>("Sprites/PlayButton");
      buttonRect =  new Rectangle(
            Constants.SCREEN_WIDTH / 2 - button.Width / 2, 
            Constants.SCREEN_HEIGHT / 2 - button.Height / 2, 
            button.Width, 
            button.Height
      );
    }

    override public void HandleInput()
    {
      if (gameData.InputManager.IsSpriteClicked(buttonRect))
      {
        System.Console.WriteLine("Go to Game Screen");
      }
    }

    override public void Update(GameTime gameTime)
    {
    }

    override public void Draw(GameTime gameTime)
    {
      gameData.spriteBatch.Draw(
        background, 
        new Rectangle(0, 0, Constants.SCREEN_WIDTH, Constants.SCREEN_HEIGHT), 
        Color.White
      );

      gameData.spriteBatch.Draw(
        gameTitle, 
        new Rectangle(
          Constants.SCREEN_WIDTH / 2 - gameTitle.Bounds.Width / 2, 
          gameTitle.Bounds.Height / 2, 
          gameTitle.Bounds.Width, 
          gameTitle.Bounds.Height
        ), 
        Color.White
      );
      
      gameData.spriteBatch.Draw(button, buttonRect, Color.White);
    }
  }
}

using Microsoft.Xna.Framework;

using Microsoft.Xna.Framework.Graphics;

namespace FlappyBird

{

public class MainMenuScreen : Screen

{

GameData gameData;

Texture2D background;

Texture2D gameTitle;

Texture2D button;

Rectangle buttonRect;

public MainMenuScreen(GameData gameData)

{

this.gameData = gameData;

}

override public void Init()

{

background = gameData.content.Load<Texture2D>("Sprites/sky");

gameTitle = gameData.content.Load<Texture2D>("Sprites/title");

button = gameData.content.Load<Texture2D>("Sprites/PlayButton");

buttonRect = new Rectangle(

Constants.SCREEN_WIDTH / 2 - button.Width / 2,

Constants.SCREEN_HEIGHT / 2 - button.Height / 2,

button.Width,

button.Height

);

}

override public void HandleInput()

{

if (gameData.InputManager.IsSpriteClicked(buttonRect))

{

System.Console.WriteLine("Go to Game Screen");

}

override public void Update(GameTime gameTime)

{

}

override public void Draw(GameTime gameTime)

{

gameData.spriteBatch.Draw(

background,

new Rectangle(0, 0, Constants.SCREEN_WIDTH, Constants.SCREEN_HEIGHT),

Color.White

);

gameData.spriteBatch.Draw(

gameTitle,

new Rectangle(

Constants.SCREEN_WIDTH / 2 - gameTitle.Bounds.Width / 2,

gameTitle.Bounds.Height / 2,

gameTitle.Bounds.Width,

gameTitle.Bounds.Height

Color.White

);

gameData.spriteBatch.Draw(button, buttonRect, Color.White);

}

Como puedes ver, es muy parecido a … Read moreTutorial MonoGame – El menú principal

Tutorial MonoGame – La pantalla de Splash

26 junio, 20192 junio, 2019 by Giovanni

Ya es tiempo de agregar pantallas. En nuestro tutorial pasado comenzamos a arreglar todo para ir haciendo nuestro Engine y mostrar en la clase Game1 la pantalla que le indiquemos.

Tutorial MonoGame – Preparando nuestra clase Game1

6 junio, 201927 mayo, 2019 by Giovanni

En este tutorial vamos a hacer algunas modificaciones a la clase Game1.cs para agregar una estructura que vamos a estar utilizando mucho y también para agregar nuestra primera pantalla.

Tutorial MonoGame – Input Manager

6 junio, 201926 mayo, 2019 by Giovanni

En esta parte nos concentraros en crear el Input Manager para manejar los clics y posición del mouse y así poder responder a estos eventos.

Tutorial MonoGame – Screen Manager

26 mayo, 201924 mayo, 2019 by Giovanni

Es hora de empezar a crear nuestro videojuego y escribir código :). Lo primero que vamos a hacer es crear un screen manager para manejar todas las pantallas. Por ejemplo, tendremos una pantalla Splash, una pantalla de inicio, una pantalla de juego y una de game over.

Tutorial MonoGame – Primeros pasos

26 junio, 201921 mayo, 2019 by Giovanni

Ya tenemos todo lo necesario para empezar con MonoGame. Pero antes de que empecemos a escribir código y como estamos usando Visual Studio Code vamos a hacer algunas preparaciones, ya que aún no podemos usar MonoGame con Visual Studio 2019 por lo cual se tienen que hacer algunos pasos extras.

Tutorial MonoGame – Diseñando nuestro juego

24 mayo, 201917 mayo, 2019 by Giovanni

Antes de que empecemos a crear nuestro proyecto, es necesario diseñar nuestro videojuego para saber qué es lo que vamos a hacer.

Tutorial MonoGame – Instalando MonoGame

24 mayo, 201917 mayo, 2019 by Giovanni

Antes de empezar con MonoGame, es necesario instalar algunas herramientas que nos van a ayudar a crear nuestro videojuego. Afortunadamente, ¡todas son gratis!