UNITY | PROJECT | SPACE SHOOTER 2D | 11. Timer UI & GameTitle

Importing Timer UI

 

Adding Timer UI Image

• Add an UI Image for Timer
  • Add Timer UI to “Source Image”
    • Press “Set Native Size”

 

Adding Timer Text

• Add a UI Text for Timer Counter
  • Add Text for the default value
  • Change Font Style to “Bold”, Font Size to “30”
  • Add “Timer Controller” Script
  • Change Anchor to “Top-Right”

 

“TimerController” Script

• Get the Reference for TimeUI
• Claim “startTime”, “ellapsedTime” and “startCounter” as flag
• Claim “minutes” and “seconds”
• In “Start()” method
  • Set the flag to false
  • Get the Component of “Text”
• Create a Function, “StartTimeCounter()” to start the Timer
  • Get the current time when the timer is started
  • Set the Flag to True
• Create a Function, “StopTimeCounter()” to stop the Timer
  • Set the Flag to False
• In “Update()” method,
  • if the flag is True (when it is on)
    • Get the Elapsed Time by subtracting “startTime” from the Current Time in this very frame
    • Get the minute and second based on the Elapsed Time
    • Update the Timer UI by accessing the Text Property with String.Format

“GameManager” Script

• Add codes to Start and Stop the Timer
  • Get the Component of “TimerCounter” Class to use “StartTimeCounter()” and “StopTimeCounter()”

“Timer” Working

 

Importing “GameTitle”

• Add “Game Title” image on the Hierarchy
  • Set the sorting layer to “Effect”

 

“GameManager” Script

• Add Codes to Turn on & off Game Title by using “GameObject.SetActive()”
  • When Case “Opening”,
    • Set Game Title On
  • When Case “GamePlay”
    • Set Game Title Off

“GameTitle” Working

UNITY | PROJECT | SPACE SHOOTER 2D | 8. Lives UI, Play Button, & Game Manager

Importing UI Sprites

Adding UI Image

• Adding UI Image for Score & Lives

 

• Adding Sprite to UI Image as “Source Image”

 

UI Image Applied

 

UI Anchor

 

Adding & Configuring Sprite to UI Image for Scores UI

• Adding Sprite to UI Image as “Source Image”

 

UI Anchor

 

Creating UI Text

• Creating UI Text to count Player’s Life

 

Adding & Configuring UI Text to Image UI

• In UI Text
  • set the default Text as “0”
  • change Font Style & Size

UI Anchor

 

Creating UI Button

• Create UI Button for Play Button

 

Adding Sprite to UI Button

• In UI Button
  • Set the size
  • Add Sprites for “Target Graphic”(usual) & “Pressed Sprite”(pressed)

 

UI Anchor

 

Creating “GameManager” Script

Adding Reference

“GameManager” Script

• To control PlayButton&Player with GameManager
  • create Public Object as a Reference
  • create an Enumeration, “GameManagerState” to tell Game State
    • Opening, GamePlay, and GameOver
  • create a Function, “UpdateGameManagerState()”
    • use “Switch Statement”
      • make 3 cases

 

“Play Button”

• now, Play Button reacts to Clicking but nothing happens

 

“PlayerControl” Script

“Player”

“PlayerControl” Script

“PlayerControl” Script

• create “GameManager” GameObject as a reference
• set “Player” inactive for the first moment of Game
• In “Init()” method, which is called when Game Starts
  • set the current life(“lives”) as MaxLife
  • update UIText by using Text.text property
  • change the number(int “lives”) to string by using int.Tostring() method
  • set Player active when Game starts
• In “OnTriggerEnter2D()” method(when a Collision with Player happens,)
  • the life is subtracted
  • when the life is 0,
    • use “SetManagerState” in “GameManager” Class with “GameOver”()*(putting the name of “enum”)
    • hide Player GameObject by set it “false”

 

“GameManager” Script

• update “GameManager” Script
  • in “Start()” method
    • set “GMState” in “Opening”
  • in “UpdateGameManagerState()”
    • in case of “GamePlay”,
      • Set “PlayButton” active to hide it when Game Starts
      • Activate “Init()” method
  • Create” SetGameMangerState()” method to change the Game’s State, having “GameManagerState”(enum) as Parameter
  • in “StartGamePlay()” method
    • change “GMState” into “GamePlay”
    • Don’t forget to put “UpdateGameManagerState()”

 

 

“PlayButton” | Sprite & “On Click()”

 

• In Play Button,
  • Add Sprite for “Target Graphics”(Usual) and “Pressed Sprite”(Pressed)
  • Add “On Click()” event and designate it “StartGamePlay()” method in “GameManager” Class
  • with this part, No Need to write to Star Game

 

Adding Reference

“PlayButton” & “PlayerLife” working

“GameOver” Image added

• Add “GameOver” Sprite
  • add the sprite to GameManager
  • add the Sprite to the scene

GameOver “Off”

• Turn off “GameOver” for it to be hidden in the first moment of Game

 

“EnemySpawner” Script

• Create a Function, “UnscheduleEnemySpawner()”, to stop the spawning when the game is over” by using “CancelInvoke()”

 

“GameManager” Script

• Create “ChangeToOpeningState()” method
  • use “SetGameMangerState()” method
• In Case of “GameOver”,
  • put “UnscheludeEnemySpawner()” method to stop the spanwing
• In Case of “Opening”
  • turn off “GameOver” by using “GameObject.Setactive()”

Adding Reference

Game Working