Michsky – Docs Michsky – Docs
  • Home
  • Documentation
    • DreamOS
    • Modern UI Pack
    • Motion Titles Pack
    • Dark UI
    • Loading Screen Studio
  • Contact
Michsky – Docs Michsky – Docs
Michsky – Docs
  • Home
  • Documentation
    • DreamOS
    • Modern UI Pack
    • Motion Titles Pack
    • Dark UI
    • Loading Screen Studio
  • Contact

Modern UI Pack

  • Quick Start
  • UI Elements
    • Button
    • Charts
    • Context Menu
    • Dropdown
    • Horizontal Selector
    • List View
    • Modal Window
    • Movable Window
    • Notification
    • Progress Bar
    • Slider
    • Switch
    • Tooltip
    • Window Manager
    • Other Elements
  • UI Manager
  • Examples
  1. Home
  2. Docs
  3. Modern UI Pack
  4. Quick Start
Updated on January 29, 2022

Modern UI Pack

  • Quick Start
  • UI Elements
    • Button
    • Charts
    • Context Menu
    • Dropdown
    • Horizontal Selector
    • List View
    • Modal Window
    • Movable Window
    • Notification
    • Progress Bar
    • Slider
    • Switch
    • Tooltip
    • Window Manager
    • Other Elements
  • UI Manager
  • Examples

Quick Start

Author: admin 51 views

Just got the asset? Newbie? Get started quickly.

 

Status and Prerequisites

First of all, make sure that the requirements are met.

  • Rendering Pipelines
  • Platforms
  • Unity Version
  • Input Handling

  Built-in

  URP

  HDRP

  Windows

  MacOS

  Linux

  WebGL

  iOS

  Android

  VR

  Unity 2019.4 and higher

  Unity 2019.3 and below

  Input System (New)

  Input Manager (Old)

How To Use

MUIP is using the native Unity UI, so you can use the package just like the default Unity UI.

To create an object, you can click on Create and go to Modern UI Pack section. You can also right click to an object in hierarchy and spawn an element.

Some UI objects are using the Canvas Group component (mostly windows and panels). You’ll have to set their alpha value to 1 in order to see them, and set 0 to make them invisible. If you want to see a specific object/window while editing, you can simply set its alpha value to 1 to make it visible. You can do the opposite to make it invisible.

If you want to see a live example of how elements / systems work, you can also check out the demo scene.

UI Manager

Do you want to change the appearance of the entire UI at the same time? Well, we got you covered. UI Manager will basically change every single element, so you don’t have to deal with them one by one.

You can click on Tools > DreamOS > Show UI Manager to open it up. You can now expand the categories and start tweaking. If you want, you can also add the ‘UI Manager Element’ component to any of your Image or Text objects to change their values via UI Manager.

Update Values

With this option checked, UI Manager will dynamically update UI elements. If not, you won’t see any changes until you hit play (runtime). You can turn this off for more performance in the editor, just remember to enable it when modifying items. This feature is disabled in build mode, so it won’t have any effect on builds.

Extended Color Picker

If you want to see a more detailed color picker, enable this. This will be adding a hex code and an alpha slider right next to the color picker.

UI Manager Hints

If you want to see some tips about the manager, then you can enable this.


Keep in mind that UI Manager values are universal and will affect all objects containing any UI Manager component.

How can we help?

A premium WordPress theme with an integrated Knowledge Base,
providing 24/7 community-based support.

Content

© 2022 Michsky