← All scene elements
SCENE ELEMENT / 12

Frame

Solid and patch-9 borders for visual grouping.

LIVE WEB PLAYER

See it respond.

The same raylib runtime, compiled to WebAssembly. Load this example, inject MQTT messages and watch its published events.

Loading WebAssembly…
MQTT I/O
Waiting for runtime…

The browser requires a user action before the scene is loaded. Click Load demo scene first. MQTT is emulated and never leaves this page. Shaders are disabled in the web build; GPIO is hardware-only.

Draws only the common simple or nine-patch frame, useful for grouping other components visually.

Configuration

FieldDescription
typeframe
pos, sizeFrame rectangle
frame_colorSimple border colour
frame_thicknessSimple border thickness
frame_patch9Optional nine-patch texture
frame_padding[x,y] padding for patch frame

Copy-and-paste JSON

json
{
  "type": "frame",
  "id": "dialog_frame",
  "pos": [80, 620],
  "size": [1760, 380],
  "frame_color": "#58A6FFFF",
  "frame_thickness": 3,
  "layer": 1
}

MQTT

text
ergs/rpi01/visible/dialog_frame          OFF
ergs/rpi01/visible/dialog_frame          ON