Common component properties

:scene-name - used in actions when you need to specify object, and in common case should be like object name. Must be unique in scene.
:transition - used in transitions when you need to specify object, and in common case should be like object name. Must be unique in scene.
:states - map of maps with object properties. Each map determines list of properties which will be set to object.

:states {:hidden {:visible false}, :visible {:visible true}, :init-position {:x 655, :y 212}}}

you could switch states, using "state" action. See example bellow:

{:id "hidden", :type "state", :target "box2"}
:actions - map of actions which may be triggered on event of corresponding object.

Existing Components

All currently implemented components can be found in the folder /components/ of the scene renderer.

background - simple background image,
layered-background - background consisting of three layers: :background, :decoration and :surface,
carousel - moving from right to left background consisting of three tiles: :first, :next and :last,
animation - character animation,
image - static image,
text - static or animated text,
button - clickable button with text,
group - group several components into one object,
transparent - transparent placeholder,
progress - progress bar,
slider - horizontal slider input,
rectangle - rectangle with rounded borders.
video - playing video component,
svg-path - renders svg,
animated-svg-path - renders svg animation,
painting-area - lets user to paint,
colors-palette - set color to painting tool.