Overview
This page provides details on all building blocks one may need to implement UI elements in Lens Studio that adapt seamlessly across different devices.
Working with Screen Transform
Take a look at some of the latest features for Lens Studio.
Screen Transform
Screen Transforms are usually used for the objects that exist in 2D space. This allows to place one ui elemnt relatively to another
Screen Region
Screen Regions is important for creating UI for your Lenses that adapt to different device resolutions.
Canvas
Canvas is a Component that allows to use ScreenTransform hierarchies in 3D space.
Interactions for Screen Transforms
Learn how to script interactions for UI elements
Text Overview
The Text component allows you to add text to your Lens experience.
Pixel Accurate Rendering
In some cases, you might want to render UI elements perfectly based on their pixel size.
Masking
One of the essential tools necessary to build robust and cohesive UI interfaces is masking.
UI Custom Components
Outline of the ui custom components we have and how to use them
UI Widgets
With Lens Studio’s UI Widget Custom Components you can create custom interactable interfaces to overlay on your Lenses.
FlexBox Layout
The Horizontal and Vertical Layout Components work by positioning all the Layout Elements on child Scene Objects into the space allotted to the Layout Component by driving the properties of their ScreenTransform.
UI Scroll View
The UI Scroll View is allows you to scroll one screen transform within the bounds of another.
Image Carousel
Image Carousel is a rotary UI element that enables the selection of one item between many. To select items users can swipe to rotate the carousel or tap on an icon..
Was this page helpful?