Floating UI

Overview

The Floating UI tool enables the integration of UI elements into a project, including buttons, sliders, images, text, and more. These elements can either remain fixed on the screen or be dynamically positioned relative to 3D objects, allowing for greater flexibility in user interaction and visual presentation.

• Floating UI elements can be always visible or appear in response to user interactions, such as clicking on objects or hotspots within the scene.

• Combining UI with Interactions allows for the creation of more advanced and interactive experiences.

• UI elements can either be part of the 3D canvas or exist independently from it, ensuring that interface components do not interfere with 3D objects. This alternative mode, known as Docked UI, can be configured in the Floating UI settings.

Switch to Preview Mode to view all Floating UI elements simultaneously and test their functionality

Elements

Floating UI itself serves as a container for UI elements. After adding a Floating UI, elements must be placed inside it to build the interface.

Available UI elements:

Container	A structural element for grouping other UI elements.
Materials (UI)	A UI element for switching materials (can be configured as a dropdown menu or swatches).
Variants (UI)	A UI element for switching objects (can be configured as a dropdown menu or swatches).
Text	Displays text within the UI.
Image	Displays an image or video/gif/lottie.
Button	A clickable element for triggering actions.
Slider	Allows modifying variable values using a slider.bles.
Input	An input field for entering text or numerical values to modify variable values.

Tutorials