Decorative or interactive sprites on a screen.
{
"type": "sprites",
"items": [
{
"id": "logo",
"kind": "image",
"image": "sprites/logo.png",
"interaction": {
"hit_test": "rect",
"hooks": { "on_click": "url:https://example.com" }
}
}
]
}
| Key | Type | Effect |
|---|
type | "sprites" | Required |
items | array | Sprite entries |
| Key | Type | Effect |
|---|
type | "sprites" | Required |
order | number | Z |
layout / style / modulate / scale | — | Layer chrome |
| Key | Type | Default | Effect |
|---|
id | string | — | Locale merge key |
kind | "image" | "rect" | "polygon" | "image" | Shape |
image / points | path / [[x,y],…] | — | Kind-specific |
interaction | object | — | hooks, focusable, focus_order, hit_test, hooks_override |
state_visual | object | — | Per-state look |
modulate / scale / show_if | — | Tint, scale, condition | |
Root on_click etc. are invalid — use interaction.hooks.*. hit_test: rect (default), alpha (image), polygon (polygon only).
Actions and hooks · state_visual.