Skip to content

Introducing UI elements

YAHAHA Studio lets you create your user interface using various built-in UI elements.

Canvas

A canvas is an area where all UI elements should reside. More than one canvas in a UI project.

canvas

Button

Buttons allow players to take action or make choices in your Spaces. You can set the text on the button, the image to fill in the button, and the effect displayed when players click on it.

button

Image

Images allow you to demonstrate images in PNG, JPG, and JPEG formats to players in Spaces.

image

Text and text input

Texts allow you to display texts in your Spaces. In texts, you can write rich text which is compatible with HTML.

text

While text inputs allow players to input texts.

textinput

Shapes

Shapes provide basic shapes to display on UI.

shapes

List

Lists offer players a list of items. Items are loaded from another canvas.

list

Slider

Sliders let players select from a range of allowed values.

slider

Progress bar

Progress bars let players view the current progress.

progressbar

Loader

Loaders are displayed when loading resources.

loader