Skin Elements
A skin element is any object added to the skin.
Elements like Text Boxes and Timers are added by selecting them in the Toolbar and then clicking in the Canvas. Elements like Images or Sounds can be dragged onto the Canvas.
When an element is selected, its properties appear in the Properties section of the Skin Editor.
There are properties that all elements share; like, Actions, Position and Appearance. But they will also have their specific properties.
When multiple elements are selected, for example, a text box, rectangle, and container, you will see their common settings in the preferences. You can then change the size, for example, for all of them at the same time.
Some element properties like Position and Scaling can have their settings reset by double-clicking on their labels. The cursor will change to a hand, indicating that it’s clickable. Position, for example, when double-clicked will be reset to 0,0.
Many parameters have logic blocks and are indicated by the logic block icon.
Formats
File formats that are supported in the skin:
Format | HTML5/Web | Notes |
---|---|---|
PNG (24) | Yes | |
PNG (Animated) | Yes | External Image Loader |
GIF | Yes | |
GIF (Animated) | Yes | External Image Loader |
JPEG | Yes | |
WEBP | Yes | |
SVG | Yes | |
SVG (animated) | Yes | |
SWF | No | |
MP4 | Yes | |
WEBM | Yes | |
MP3 | Yes | |
Yes | PDF element |
★ No media can auto start; but muted video can auto start.