Section 8. UI and sound
Reference
Element properties
This page lists the fields of the ELEMENT and BUTTON components. Field names and defaults were read on 2026-10-29 in the oasisw.ai editor (version shown as OasisW 7e2aa65) by creating a new Text Element and Button. The structure is in How on-screen text and buttons are structured.
Fields on every Element
| Field | Default | Meaning |
|---|---|---|
| Type | Text or Image | Text, Image, Group. The fields below change with the type |
| Preset | Center Anchor & Pivot | Anchor/Pivot presets. 9 directions (Top Left to Bottom Right), Stretch, Custom |
| Anchor | 0.5, 0.5, 0.5, 0.5 | Range of the parent area to attach to (left, bottom, right, top ratios) |
| Pivot | 0.5, 0.5 | Its own reference point |
| Width / Height | Image 100 / 100 | Size (reference-resolution pixels). For Text, Auto Width and Auto Height are on, so the size follows the text |
| Margin | -16, -16, -16, -16 | Distance inward/outward from the Anchor range |
| Color / Opacity | White / 1 | Color and opacity |
| Use Input | Off for Text, on for Button | Whether it receives presses and hover |
| Batch Group, Layers | None, UI | Batching group and layers |
Text type
| Field | Default | Meaning |
|---|---|---|
| Auto Width / Auto Height | On / On | Sizes the element to fit the text |
| Auto Fit Width / Auto Fit Height | Off / Off | Shrinks the font size so the text fits in the set size. Turn off Auto Width, set Width, then turn this on. In our tests, with Width 60 and the text Score 0 점수, turning it on reduced Font Size from 32 to 21. The shrink range was min 8 to max 32 |
| Alignment | 0.5, 0.5 | Horizontal and vertical alignment of the text within the box |
| Font | Empty | Font asset. If empty, nothing is drawn (Change score and message text) |
| Localized | Off | When on, uses a translation key instead of the text |
| Text | Text | Text shown on screen |
| Enable Markup | Off | When on, interprets formatting tags in the text. In our tests, [color="#ff3030"]점수[/color] 10 drew only 점수 (Score) in red |
| Font Size / Line Height | 32 / 32 | Font size and line height |
| Wrap Lines / Max Lines | On / empty | Line wrapping and maximum number of lines |
| Spacing | 1 | Letter spacing multiplier |
| Outline Color / Outline Thickness | Black / 0 | Text outline |
| Shadow Color / Shadow Offset | Black / 0, 0 | Text shadow |
Image type
| Field | Default | Meaning |
|---|---|---|
| Rect | 0, 0, 1, 1 | Area of the texture to use (U, V, width, height ratios) |
| Mask | Off | Clips child Elements to the shape of this image |
| Texture / Sprite / Material | Empty | Image to draw. If empty, it becomes a rectangle filled with Color |
BUTTON
| Field | Default | Meaning |
|---|---|---|
| Active | On | Whether it receives presses. When off, it switches to Inactive Tint |
| Image | Its own entity (Button) | Image Element whose color changes |
| Hit Padding | 0, 0, 0, 0 | Expands or shrinks the area that receives presses |
| Transition Mode | Tint | Whether to change the color or the image (Sprite) when the state changes |
| Hover Tint / Pressed Tint / Inactive Tint | Shades of white | Color on hover, on press and when inactive |
| Fade Duration | 0 | Time the color change takes (milliseconds) |