Unity Interface Introduction

Unity Interface Introduction


Unity Interface Introduction

 Hello to you all from one of the posts I think will be quite long, in this article I want to talk to you about the Unity interface as best I can and try to explain, for better or worse, what we use and where when designing a game. Let’s keep it short and move to our interface.

Unity UI 1

When we open the Unity Game Engine, we will first encounter a page like the one above.
On the far left is the Hierarchy, in the middle the scene and camera view, on the far right the Inspector (I guess we can call it Properties), below the middle the console and files, at the top are the tools that allow us to interact with objects, and above that buttons that allow us to interact with the editor.
Let’s get to know these objects visually too.

Hierarchy Panel

This is where the objects we use in the game and add to the scene are listed.

Hierarchy Hierarchy

You can see all the objects in our scene here and can right-click on a blank area or an object to add new objects, copy or delete an existing object.
Apart from right-clicking to create standard objects, you can also add your own created objects to the scene by dragging them here.

Inspector Panel

This is the panel where we can see the properties of any object we have added or not added to our scene in our game, assign properties, and modify settings.

Inspector Inspector

When designing a game, I think one of the panels we deal with the most is the Inspector panel. Generally, from here we can assign and configure all Components belonging to an object.
Are there ways other than assigning from here? Of course there are, for example, it is possible to assign a Component to an object using a script, but that's not the topic for now, so I’ll skip it.
To assign a Component to an object, you can either click Add Component or drag and drop Components such as a Script file into this Inspector panel.


Scene, Game and Animator Panel


Unity Scene Panel
Scene Panel

Scene Panel 

This is the area where we place objects in the game and can set details such as position sticking closely to a free camera.
More accurately, I can tell you this is the place where we build the area to be played by the player.
We can choose Shaded mode and make desired layers visible, or make unwanted layers invisible in this panel.

Unity Game Panel
Game Panel

Game Panel 

This is where we see the game from the player’s camera. The game is viewed in this panel as the player sees it and our tests are made according to this.
Thanks to this screen, we get visual feedback on what our game will look like according to the screen size, or rather, at what resolution.

Unity Animator Panel
Animator Panel

Animator Panel

This is the area where we can create animations that we will use in the game with Unity and link those animations together.

Project and Console Panel

Project File
Project Panel

Project Panel

The Project panel is where we can see all the files in our project, and see our prepared prefabs.
The objects we delete in this panel are sent to our computer's recycle bin, so this is where we are working with real files.
There will be many files here, and my suggestion for your projects is to keep the files in this panel organized.

Unity Console Panel
Console Panel

Console Panel

This panel is one you will be dealing with frequently during the development of a game; it's the area you use to ensure that objects interact with each other during development and where errors are logged.

Tools That Allow Us to Interact with Objects (Toolbars)

Transform Tool

Transform Tools

This is the box that contains the tools Hand, Move, Rotate, Scale, Rect, Move - Rotate or Scale tool and Edge editing.
  1. Hand Tool
    1. This tool allows you to move freely on the editor
  2. Move Tool
    1. This tool allows you to move the selected object on the x, y, and z coordinates
  3. Rotate Tool
    1. This tool allows you to rotate the selected object on the x, y, and z coordinates
  4. Scale Tool
    1. This tool allows you to scale the selected object on the x, y, and z coordinates.
  5. Move - Rotate or Scale Tool
    1. This tool allows you to do all of the above three functions at the same time on the selected object.
  6. Edge Tool
    1. This tool allows you to edit the points of the Collider on the selected object.

Unity UI Handle Tools

Toogle Tools

  1. Handle Positions
    1. Allows rotations, movement, and such actions to be made according to the pivot point of the selected object or its center.
  2. Handle Rotations
    1. This tool changes what the rotation operation will be based on.
  3. Grid Snapping
    1. When enabled, it makes the selected object move snapped to lines on the scene.
    2. This feature is generally used when placing objects on a map in games, to prevent objects from overlapping, etc.

Editor Buttons

Unity UI Editor Buttons


This is one of the places we use most. (If you've memorized the keyboard shortcuts, that's different..)
There are many buttons in this panel, each lined up, so let's see which panels they open and what they affect.

Unity File

File

  1. Open new scene
  2. Open existing scene
  3. Save
  4. Save as
  5. Create new project
  6. Open existing project
  7. Save project
  8. Build settings (Output settings)
  9. Build and run
  10. Exit

Unity Edit

Edit

  1. Undo
  2. Redo
  3. Select all
  4. Deselect
  5. Select children of selected (Think of it like selecting the children in the family)
  6. Select prefab
  7. Transform selection
  8. Cut
  9. Copy
  10. Paste
  11. Paste as child
  12. Copy
  13. Rename
  14. Delete
  15. View scene
  16. View selected
    1. When you select this, even if you move the object, the scene will always follow it
    2. I couldn't quite explain but the best way to learn is by trying, I suggest you try
  17. Find
  18. Play
  19. Stop
  20. Step
    1. I also suggest you try this
  21. Sign in to your Unity account
  22. Sign out of your Unity account
  23. Allows saving of scenes etc. and then switching quickly via shortcut keys
  24. Project settings
  25. Editor settings
  26. Shows shortcut keys
  27. Deletes all user prefabs
  28. Shader options
  29. Grid settings
    1. Opens the panel where you can edit the grid in the scene
Assets

Assets

Note: The objects and files used in the game are called Assets.
  1. Create asset
  2. Show on folder
  3. Open
  4. Delete
  5. Rename
  6. Copy folder path
  7. Open in scene
  8. Show in package manager
  9. Import new assets
  10. Import packages
  11. Export packages
  12. Find reference in scene
  13. ...
  14. Refresh
  15. Reimport
  16. Reimport all
    1. Sometimes when our games throw errors for no reason, we use this.
  17. Export prefab
  18. ... (Never used it)
  19. ... (Never used it)
  20. ... (Never used it)
  21. Opens the Inspector window for the selected object

GameObject

Interacts with the Hierarchy, allows you to create and edit objects..

Component

This is the menu for separately adding the Components we add to the game via the Add Component button in the Inspector window.

Unity Window Panel

Window

  1. Shows the panels open in the editor.
    1. You can close the open panels from here
  2. Go to the next window
  3. Go back to the previous window
  4. Shows layers
  5. Opens Collaborate features
    1. These features are for more advanced use, no need to know about it for now
    2. In a few words, it allows you to connect to Unity services.
  6. Asset Store
    1. Opens Unity Asset market
  7. TextMesh Pro
    1. This is a more advanced version of the Text found in UI.
  8. This lets you switch quickly between panels
The others are for activating tools such as sound, analytics, UI, etc..


Help

This button contains tools such as going to the Unity forum, viewing your license, and updating your Unity version if you are not using Unity Hub.

Yes, friends, that’s the end of our article, happy reading..
If you have anything you are curious about or stuck with, you can ask by leaving a comment.