Canvas Flow is the essential companion to Unity UI, offering you a solution for easily transitioning between screens and crafting your user-interface's flow.

• Easily present & dismiss screens – Canvases are dynamically loaded and unloaded, enabling you to build large, complex, or dynamic user-interface flows, loading only the necessary screens on demand.

• Storyboard your user-interface – Visually create the flow of your user-interface in a node-based editor to build complete screen flows without writing a line of code.

• Customize the transitions between screens – Use one of five built-in, adjustable transition animators or build your own custom transition animations.

Trailer | Quick Start #1 | Documentation | Forum

---

FEATURES

Canvas Controllers – A canvas controller represents a single screen in your user interface.

• Easily present and dismiss other canvas controllers.
• Dynamically loaded and unloaded.
• Built with Unity's UI Canvas, thereby supporting all Unity UI elements, as well as those compatible with Unity UI.
• Self-contained in its own scene file, so team members can work on separate screens simultaneously.
• Quickly created with a single button in the editor.
• Can be presented in both screen space and world space.
• Fully-documented Scripting API.

Storyboards – Visually create the flow of your user-interface in a node-based editor.

• Quickly add canvas controllers to the storyboard with drag & drop.
• Easily create transitions between screens simply by dragging between them, no code required.
• Create transitions from hookable elements, such as buttons.
• Create manual transitions - storyboard transitions that can be triggered from code, such as when a collider is intersected or a timer has expired.
• Create custom storyboard hooks to make your own custom button types hookable in a storyboard.
• Can be presented in both screen space and world space.
• Intuitive & easy-to-use storyboard editor.

Transition Animators – Animate the transitions between canvas controllers.

• Five built-in, adjustable transition animators:

> Default
> Fade To Color
> Slide
> Scale
> Scale And Fade Background

• Create your own custom transition animators to build custom animations between screens.
• Source code of built-in transition animators included as .cs files to aid with creating your own.
• Both built-in and custom transition animators are compatible with storyboards, as well as when presenting canvas controllers directly from script.

Miscellaneous

• Clean Asset Structure - Canvas Flow is contained within a single folder, does not use any global folders, such as Gizmos or Editor Default Resources, and its Examples folder can be completely removed.
• Documentation for classes, methods and properties is visible in Visual Studio as you code.
• Retina icons are used on high-DPI displays in the editor.

EXAMPLES

Canvas Flow includes three examples:
• Floaty Cube - A simple game built using two storyboards - one for the menu and one for the in-game UI.
• Transitions - Demonstrates the built-in transition types and presenting canvas controllers from script.
• World Space UI - A simple example showing how a storyboard can be presented in world space, as well as demonstrating interaction with a world object from a canvas controller.

COMPATIBILITY

Canvas Flow is compatible with Unity Personal, Plus and Pro. Unity 2018.1 or newer is required.