LIVE WEB PLAYER
Loading WebAssembly…See it respond.
The same raylib runtime, compiled to WebAssembly. Load this example, inject MQTT messages and watch its published events.
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.
Horizontal progress indicator. Values may use 0..1 or percentages 0..100.
Configuration
| Field | Description |
|---|---|
type | progressbar |
value | Initial value |
progress_field | JSON property used for incoming objects |
color | Filled colour |
bg_color | Track colour |
frame_color, frame_thickness | Optional inherited border |
Copy-and-paste JSON
{
"type": "progressbar",
"id": "game_progress",
"pos": [100, 1000],
"size": [1720, 16],
"value": 25,
"progress_field": "percent",
"color": "#3DDC97FF",
"bg_color": "#1A1A1AFF",
"frame_color": "#000000FF",
"frame_thickness": 1,
"layer": 2
}MQTT
ergs/rpi01/update/game_progress 67
ergs/rpi01/update/game_progress {"percent":67}
ergs/rpi01/cmd/game_progress/color #58A6FF