CS2335
Master 1.0.0
Master 1.0.0
  • Introduction
  • Introduction
    • Introduction
      • Game Design
    • Unity - Download
    • Visual Studio - IDE
    • Unity Manual, Scripting API
  • Unity Basics
    • Unity Editor Windows
    • Behavior Components
    • 2D Project, Scenes
      • Create 2D Sprite GameObject
      • Create UI-Text GameObject
    • MonoBehavior - Base-Class
    • Create a Custom C# Script
  • Game Coding Structures
    • Games Overview
    • Unity Engine - Event Functions
    • Finite State Machines
    • UML Class Diagram
  • Animation
    • Animator Controller
    • Animation Steps
      • Optional: Dead Animation
    • PlayerController.cs V0
  • Project 1 - Player
    • Player GameObject v1
      • C# Generics, Statics
    • Player GameObject - Jump
    • PlayerController.cs V2-Jump
    • PickUp PreFabs
      • Sorting Layers
    • PlayerController.cs V3-Collide
    • GameData Version1
    • GameData Version2
    • PlayerController V4-Score
  • Project 1 Details
    • Project1 GameObjects
    • PlayerStats Version1
      • UI-Canvas
    • Utility Class
    • Simple Spawner
    • MiniGameManager
      • Logic Diagrams
      • StartButton
      • ResultsPanel
  • Project1 Enhancements
    • PickUp - SelfDestruct
    • Spawn from List of Prefabs
  • Project 2 - StateManager
    • Project 2 - Learning Objectives
      • Inspiration
        • Branching Story Structures
        • Branching Structures
        • Hero's Journey
        • Visual Novel in Unity-Links
    • Project 2 - Starter Assets
    • State Machine Framework
    • StateManager - Singleton Design Pattern
    • Interface IStateBase
    • Create SceneXState.cs
    • OptionPanel Prefab
      • UI Images: Sprite Sheets
      • Button Image-Transitions
    • Project 2 - List of Steps
    • Project 2 - Starter Code
  • Project 2 -Dialogue
    • Hide_Show_Panel Script
    • Edit OptionPanel
    • Simple DialogPrefab
    • Conversation Entry
    • SimpleDialog.cs
    • ScriptableObjects
      • Scriptable Object Factory
    • Conversation Scriptable Objects
    • DialogManager_ConvList
      • DialogManager V2
      • Coroutines: Dynamic Text
      • DialogPrefab wImage
  • Overview: Branching Logic
    • DialogTrigger
    • Dictionary Data-Structure
      • Unity PlayerPrefs Dictionary
    • GameData Version3
    • Dictionary: choiceData
      • SaveChoice, ChoicePanel
        • choiceData - examples
          • Dictionary Value to Disable Options
    • Configure UI-Button Listeners
      • NPC Animation
      • NPC Activation
    • UI-Triggered Animations
    • Simple Inventory
    • EndState Conditions
    • Script ExecutionOrder
    • Custom UnityEvents
    • PlayerStats v2
      • ModifyPlayerData
      • BuyItem
    • Text Input
  • UI Components
    • Finding Game Objects
    • Game Objects: UI vs. 2D Sprite
    • UI Elements
      • Canvas: Screen-Space Render-Mode
      • UI-Buttons To Change Scene
  • Proj4: Inventory System
    • Inventory-System
      • GameData version4
      • Install and Configure
      • Diagrams, Resources
        • Item, Gem, Potion Classes
        • Inventory Class
      • InventoryDisplay, Slot UI
        • InventoryDisplay Class
        • Slot Class
        • Hazard Class
        • Layout Groups
      • Customization Steps
        • Configure Animation
        • AddItem Button
        • Concrete Class: Food
        • MiniGame Mods
          • PlayerController Mods
      • Code: InventorySystem
        • GameData, PickUp Mods
      • Resources: Data Structures
  • Custom Unity Events
    • Event Publishing Patterns
    • Custom Event Messaging
  • Proj4: Mini-Game
    • Simplified Mini-Game
      • PlayerController_v2 Mods
        • PlayerController_v2_final
      • MiniGameManager_v2
    • MiniGame-Overview-Proj4
    • LevelManager
      • LevelManager Logic Diagram
      • LevelManager FSM
      • LoadLevel, StartLevel Logic
      • Code Framework
    • Timer
  • Project 4 - Code Mods
    • Project 4 - Steps
    • Project 4 - Code
      • Code: Final Versions
        • PlayerController Mods
          • PlayerController_v2 Mods
        • GameData - Final
        • LevelManager
        • PlayerStats - Final
        • PickUp, Hazard, ScorePickUp
        • Spawner - Final
        • CameraFollow
        • ScreenFader
        • MiniGameState
        • Example: EndState
      • MiniGameWin Logic
  • Optional, Supplemental Content
    • Optional Content
      • Particle Systems
      • Adding Audio
      • Screen Fading and Reloading
      • ScriptableObjects
      • Disable Debug Logging
      • Events and Actions
      • Saving Data - Serialization
      • Parallax Scrolling
      • Change Sprites
    • XR - Extended Reality
  • Computing Concepts
    • Programming Patterns
      • State - FSM
      • Singleton Pattern
    • C# Language
      • Variables
      • Delegates
      • Dictionary
      • Enum
      • Encapsulation
        • C# Properties
        • Access Modifiers
      • Generics < T >
      • Inheritance
      • Interface
      • List< T >
      • Polymorphism
      • Queue< T >
      • Switch-Case
      • Foreach
      • Static
      • Ternary Operator: ?
      • this
    • Diagrams
      • State Machine Framework
      • UML Class Diagrams
      • Level Manager Logic Diagram
      • Flow-Chart: NumberGame
      • FSM: NumberGame
    • Tools
    • Glossary
    • References and Resources
    • Random Thoughts
Powered by GitBook
On this page
  • UI-Text, Canvas, EventSystem
  • Configure Canvas Mode: Screen-Space Camera
  • Modify the Text Component's text attributes
  • Set Rect-Transform to Center the Text in the Scene View

Was this helpful?

  1. Unity Basics
  2. 2D Project, Scenes

Create UI-Text GameObject

To complete Assignment 1

PreviousCreate 2D Sprite GameObjectNextMonoBehavior - Base-Class

Last updated 4 years ago

Was this helpful?

To create a Text GameObject, see image below: select GameObject > UI > Text

UI-Text, Canvas, EventSystem

In the image below you can see that 3 new gameObjects are always created when you add the first UI GameObject to a scene: Canvas, EventSystem, and the Text that we'd added.. In addition, you can also see there's an offset rectangle positioned at the center of the Scene. This Rectangle is the Canvas GameObject. In Unity, by default, the Canvas is offset from the Main Camera, this can be useful in many situations, but for this course, we'll keep things simple, we'll modify the Canvas so that it directly overlays the viewport of the Main Camera.

All UI gameObjects must always be children of a Canvas gameObject. The Canvas and all UI game Objects use the RectTransform, which means that resizing or moving a parent UI gameObject will cause the child-GameObject to be modified depending on the settings of the Rect-Transform. The RectTransform has auto-presets that make it easy to set the width, height, and anchoring of UI-elements relative to it's Parent GameObject.

The EventSystem is required in order for the UI elements to be interactive. We won't directly modify the EventSystem, but be aware...if it is not in the Hierarchy, then none of the UI elements will be interactive. In that case, you can just re-add it as a gameObject

Configure Canvas Mode: Screen-Space Camera

See images to configure the Render Mode of the Canvas to be Screen-Space Camera, with the Render Mode set to Main Camera following the instructional text in the image captions below.

Modify the Text Component's text attributes

Finally, select the Text GameObject, rename the gameObject to StudentName. Then in the Inspector panel you'll need to modify the color, font-size and text attributes so it displays your name. You can adjust You might need to make the text box larger using the RectTransform tool in the upper left of the UnityEditor. You can double-click on any GameObject to have it centered in the Scene view.

Set Rect-Transform to Center the Text in the Scene View

When the Canvas is added to a scene, the layout is offset from the main camera, this is called Render Mode: Screen Space-Overlay. For our purposes, it is easiest to configure the Canvas Component so that it's rendered in the same position as the regular game scene. To do that, we need to change the Render-Mode of the Canvas Component by selecting the Canvas in the Hierarchy Panel and then making changes in the Inspector panel. Change it Canvas Render Mode from Screen-Space Overlay to Screen Space - Camera. Then it's necessary to select the Main Camera as the Render Camera for the Canvas Component.

See Unity Manual
See Unity Manual for guidance in managing UI element Layout using RectTransform
Select the Canvas in the Hierarchy, change the Render Mode, default is Screen-Space Overlay
Switch RenderMode to ScreenSpace Camera, select the small circle to set the Render Camera.
It may be necessary to switch to the Scene Tab in the Popup window to select Main Camera
Click the Square with red-cross to open Anchor Presets, above is the default setting for UI-Text
Image above shows the position, anchors are set to the bottom of the canvas
Switch to Game view and take a screen-shot. Paste into a word document and submit for assignment 1.