Unity UI (UGUI), Tips & Tricks

This sample project demonstrates the fundamentals of UI implementation in a Unity project.

🔴 Full workshop video on YouTube.

Definitions

• Package: A bundle of files, typically scripts, designed for easy integration into a project. These may depend on other packages.
• OpenUPM: A repository of Unity packages.

  • You can also upload your packages here. To facilitate this, use this GitHub Template.

• OpenUPM-CLI: A command-line tool for adding packages to your Unity project.

Setup

1. Install Node.js: Download and install Node.js from https://nodejs.org/en/download/.

2. Install OpenUPM-CLI:

   npm install -g openupm-cli
   

3. Windows only: Set System Environment Variable

   Path: C:\Users\USER_NAME\AppData\Roaming\npm (don't forget to replace USER_NAME)

4. Windows only: You may need to run the command to allow to run scripts on the computer

   Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
   

Install all packages

Run the following command in your project's directory:

openupm add extensions.unity.mouse.parallax
openupm add extensions.unity.theme
openupm add extensions.unity.nondrawinggraphic
openupm add com.coffee.ui-effect
openupm add com.coffee.ui-particle
openupm add com.unity.probuilder

Mouse Parallax

Run the following command in your project's directory:

openupm add extensions.unity.mouse.parallax

Unity Theme

Run the following command in your project's directory:

openupm add extensions.unity.theme

UI Effect

Run the following command in your project's directory:

openupm add com.coffee.ui-effect

Particle Effect for UGUI

Run the following command in your project's directory:

openupm add com.coffee.ui-particle