Unity package

Let's take a look at how the Unity package is organized.

Download the Unity Package
📐Technical considerations
FloatGrids works with any render pipeline. Use URP for a hight quality visuals.
FloatGrids uses Text Mesh Pro with a customized Style Sheet
📦Tools and Components
Color Palette tool
The Color Palette tool is used to set your own color palette in the FloatGrids Unity package so that you can use this palette across all the FloatGrids UI components and potential new ones you create. Learn more in how to customize your color palette ​
All FloatGrids UI components already use the color in the Color Palette tool. In order to apply the colors to new components, use the Token Selector component.
Color Token Selector component
Use the Token Selector to apply tokens in images and texts. Every token is attached to a solid color in the Color Palette tool. Learn more in how to customize your color palette ​
FG Color Token Selector component
FG Panel Position component
FG Panel position allows you to position your panels or any object right in the eye's comfort area of your users. 
Structure
Distance to Child: Is the distance from the XR Rig to the Canvas
Child Scale: Is the scale of the Canvas
Distance Scale Match: Allows you to match the distance and the scale. Ex: our panel is intend to be at 2m from the user. So it should be scaled at x2. 
Child Height: Are the degrees of inclination from the XR Rig
Naming
Base color: Is a color part of the color palette. Visit Color Palette to learn more
Color Family: Is a group of solid colors. Visit Color Palette to learn more
Token: Is a color designed for a specific use. For instance hover or pressed states. Tokens have always a solid color assigned. So two tokens can be exactly the same solid color. Visit Color Palette to learn more
Token Family: Is a group of tokens. For instance, the token style Text has three tokens, Primary, Secondary and Disabled. Visit Color Palette to learn more
UI Component: Is a piece of UI. Button, List item, Modal, Toggle, Checkbox, etc.
Template: Is a group of UI components that work together in order to accomplish a task. Like the Onboarding or Settings view. Visit Templates to learn more
Panel: Is a UI component used as a surface to other UI Components. Visit Panel to learn more
Layout: It's how the panels are organized in a view. Visit Layouts to learn more.
FloatGrids Color Palette tool: Is a tool that allows you to manage the color palette. Visit Color Palette to learn more
Color FG Color Token Selector component: Is a FloatGrids Unity component used to assign any token to any image or text. Visit Color Palette to learn more

GETTING STARTED - Previous

Installation

Next - GETTING STARTED

Figma file

Last modified 1mo ago