Overview

2 min read

Contain button for enabling functionnality like saving, preset, generate portrait position and others.

Save
Open File
Save as preset
Open Preset
Generate portrait position
Toggle Device info
Toggle Check overlap

2. Virtual input Previewer #

Preview selected virtual input in viewport

3. Palette #

Contains pre-designed virtual input

Button
Joystick
Touch Region

You can drag&drop an item from the palette to create a virtual input on the viewport

4. Hierarchy #

Contains all the virtual inputs you’ve added to your touch interface. From here, you can perform various actions, such as selecting a virtual input, renaming it or deleting it. You can also modify its appearance by adding a visual layer.

5. Viewport #

The viewport is the central element of the editor, providing a real-time preview of your touch interface.

Contains the functionality needed to preview your touch interface under most conditions.

Show Dashed outline : Draw dashed outline around canvas and virtual inputs.
Toggle Opacity State : Simulate behavior of active or inactive state of Touch Interface.
Toggle Pressed State : Simulate behavior of pressed or released state of virtual inputs.
Toggle Constraint on Canvas : Allows you to constrain the position of virtual inputs to the edges of the canvas. If a virtual input is outside the canvas when this feature is enabled, then a new position is automatically calculated to fit inside the canvas.
Change Orientation : Change orientation mode of designer.
Visualization menu : Allows you to display useful information such as the interaction zone or the name of the virtual inputs.
Screen Size Menu : Allow you to change resolution of canvas and see how scaling algorithm change your touch interface. If you have enabled Device Preview in Background settings, so this menu allow you to select device you want to preview your touch interface.