You are here:   Blog
Register   |  Login

Beginner Tutorial: A Unity 5 Number Guessing Game

Oct 24

Written by:
10/24/2015 4:36 PM  RssIcon

image

In this tutorial, we will cover creating a simple number guessing game. The user will guess a number between 1 and 10.

You can play the game live at the following link: http://www.adefwebserver.com/unity/numberguesserapp/

image

The computer will tell the user if they are too high or too low.

image

When the user guesses the number correctly, the computer will inform them, and the user can click the spacebar to play again.

Create The Game

image

Open Unity and create a New Project.

image

Call the project NumberGuesser, select 2D and click the Create project button.

image

When the project opens, click on the Main Camera. then in the Inspector, click on the background color.

When the Color popup opens, drag the dot to the upper left-hand corner of the color pallet to change the color to white.

image

Click the Close button to close the Color popup.

image

From the menu bar, select GameObject then UI then Text.

image

A Canvas with a Text object and an EventSystem will appear.

image

Hold the Alt and right click-drag to zoom out (or click in the scene and scroll out using your mouse wheel).

Zoom out until you can see the Text Box.

image

Click on the Text Box and drag it until it is on the Canvas.

image

Ensure that the Rect tool is selected.

image

Select the Text Box, and in the Inspector:

  • Set the Width to 400 and the Height to 50
  • Set the Text to: Guess a number between 1 and 10
  • Set the Alignment to centered

image

Click the Play button.

The text will display.

image

Click the Play button again to stop the program and return to design mode.

Create The Code For The Game

image

Select the Text Box, and in its properties (in the Inspector), select Add Component.

Scroll down to the bottom of the list and select the arrow next to New Script.

image

Enter TextController for the Name, ensure C Sharp is selected for the language, and click the Create and Add button.

image

The TextController script will be created and display in the Assets folder.

The script will also be attached to the TextBox.

Double-click on the TextController script in the Assets folder to open it.

image

Visual Studio will start up…

image

The script editor will open.

Change all the code to the following:

 

using UnityEngine;
using UnityEngine.UI;
using System.Collections;
public class TextController : MonoBehaviour
{
    public Text objText;
    int intRandomNumber;
    int intGuessedNumber;
    // Use this for initialization
    void Start()
    {
    }
    // Update is called once per frame
    void Update ()
    {
    }
}

 

image

Basically we are adding two variables that we will later use (intRandomNumber and intGuessedNumber) and a public property that we will use to communicate with the Text element on the game screen (objText).

image

Save the page…

image

Switch back to the Unity editor and click on the Text object in the Hierarchy to select it.

Drag the Text from the Hierarchy to the box next to Obj Text property in the Text Controller that is attached to the TextBox.

(This sets the Text Box as the objText property in the script we created. That script will set the text of the Text Box)

Switch back to Visual Studio and add the following method:

    private void InitializeGame()
    {
        // Pick a random number
        intRandomNumber = Random.Range(1, 10);
        // Set the text to start the game
        objText.text = "Guess a number between 1 and 10";
    }

 

Next, update the Start method (that will run one time when the program is started) to the following code (to call the InitializeGame method we just created):

 

    void Start()
    {
        InitializeGame();
    }

 

image

If you have Visual Studio Tools for Unity installed, you can set a break point (by clicking in the grey area on the left-side of the code file) and then select Attach to Unity

image

Switch back to the Unity editor and click the Play button…

image

…And you will hit your break point.

image

You can hit F5 to continue, and you will be switched back to the Unity game.

image

For now, just select Stop Debugging from the Debug menu in Visual Studio.

Change the Update method to the following code:

 

    // Update is called once per frame
    void Update()
    {
        // Hitting the spacebar always restarts the game
        if (Input.GetKeyDown(KeyCode.Space))
        {
            InitializeGame();
        }
    }

 

This will call the InitializeGame method whenever the space bar is pressed.

That method will pick a new random number for the user to guess.

Add the following code to the Update method:

 

        // Detect that a keystroke was pressed
        if (Input.anyKeyDown)
        {
            // Test to see if the keystroke was a number
            if (int.TryParse(Input.inputString, out intGuessedNumber))
            {
                if (intRandomNumber > intGuessedNumber)
                {
                    objText.text = 
                        string.Format("You guessed {0}. You are too low"
                        , intGuessedNumber);
                }
                if (intRandomNumber < intGuessedNumber)
                {
                    objText.text = 
                        string.Format("You guessed {0}. You are too high"
                        , intGuessedNumber);
                }
                if (intRandomNumber == intGuessedNumber)
                {
                    objText.text = 
                        string.Format("You guessed {0}. \n You are correct! \n (press spacebar to continue)"
                        , intGuessedNumber);
                }
            }
        }

 

This will detect what key a user presses and compare that number to the random number created in the InitializeGame method.

If the correct number is guessed, the user is told to press the space bar to restart the game.

Links

Unity 5 Hello World!

Download

You can download the code from the Download page.

Unity 5 (or higher) is required to run the sample code.


Your name:
Gravatar Preview
Your email:
(Optional) Email used only to show Gravatar.
Your website:
Title:
Comment:
Security Code
CAPTCHA image
Enter the code shown above in the box below
Add Comment   Cancel