Generative Art — Made with Unity

UI Roadmap

Moving to UIElements: A unified framework to design and develop UI

for the Unity Editor and runtime applications
Current state of UI in Unity

— IMGUI: Primarily used to extend the Unity Editor

— uGUI: Released in Unity 4.6 for runtime UI

— Performance scales poorly

— Styling and logic combined
— Difficult for creators unfamiliar with C# and Unity

3
Value Proposition

Collaboration Reusability
Different team members can work on Share styles and interfaces within or across
different parts of the same UI. projects.

Iteration Speed Extensibility

Quickly develop and validate UI for different Customize and extend existing controls or
contexts: platforms, target devices, locales, build custom ones.
and so on.

Familiarity Rich Content

UI authoring tools and workflows are familiar Build engaging UI that performs well as it
and easy to learn. scales, no matter how complex.

4
UIElements Timeline

Vestibulum
Editor Extensions
congue tempus Preview of Visual
Vestibulum congue Authoring
tempus and
Runtime Support
Public release
Lorem ipsum dolor
of UIElements
sit amet, consectetur
for creating Lorem ipsum dolor sit amet, consectetur
adipiscing
Editor windows
elit, sed
anddocustom
eiusmod
Inspectors.
tempor. adipiscing
Release of elit,
Runtime
sed do
and
eiusmod
UI Builder
tempor.
Donec facilisis lacus eget mauris. Donec facilisis lacus eget mauris.

2019.LTS
20XX 2020.LTS
20XX

2019.1
20XX 2020.1
20XX
Vestibulum congue
Improvements to Performance
tempus and Styles Vestibulum
Parity with UGUI
congue tempus

Rendering
Lorem ipsum
optimizations
dolor sit amet,
for complex
consectetur
UI. Production-ready
Lorem ipsum dolor release
sit amet,
of UIElements
consectetur
adipiscing
Closer parity
elit,
with
sedCSS.
do eiusmod tempor. adipiscing elit, sed do eiusmod tempor.
Donec facilisis lacus eget mauris. Donec facilisis lacus eget mauris.

5
UIElements for Editor Extensions - 2019
Current state

API ● VisualElement API

● Event system
● Query system

Rendering ● High-performance rendering of complex UI

Layout & Styles ● Adaptive layout via Flexbox

● Subset of CSS properties

Authoring ● UXML and USS assets to describe hierarchy and styling

● UXML template instancing
● UI Debugger

Controls - editor ● Most IMGUI controls re-written for UIElements

● IMGUI container for re-using IMGUI code

6
 UIElements for Runtime - 2020.1
📦 Preview package

API ● Multi-touch input

● Animation Tweening

Rendering ● Screen Space UI

● Signed Distance Field (SDF) text rendering
● SVG Importer support

Authoring ● Scene integration Component

● Visual authoring for UXML and USS

Controls - runtime ● Button, Label, TextField, Toggle, ListView, ScrollView

On-boarding ● Demo sample

7
 Parity with UGUI - 2020.LTS
✅ Verified package - Plan of intent

API ● Runtime data binding

Rendering ● World space UI

● Custom shaders
● 3D objects and particles

Layout & Styles ● Rich-text styles

Authoring ● Simple animation

● Timeline integration

DOTS ● Compatible with DOTS runtime

On-boarding ● Demo samples

● Documentation
● Tutorials
● UGUI to UIElements conversion tool