The image component is used to add images to your user interface.
Image component includes premade images and can also use any Pixart Sprites that are in your game.
| Name |
Set the name of the Image Used to identify Inputs & Outputs in the User Interface Node |
| Image | Set the image to be displayed |
| Color | Set the color of the image |
| Inputs and Outputs | Open the Inputs and Outputs menu to select what Inputs and Outputs will be visible in the User Interface Node for this Image |
| Auto Alignment | Automatically update the Image's alignment as it is moved around the canvas to the nearest alignment point |
| Alignment | Set the screen region to align the Image with |
| Width/Height | Set the Width & Height of the Image |
| X/Y | Set the X & Y screen position relative to the set alignment point |
| Visible | Set the Image's visibility * Note that invisible images will not be visible during gameplay but will remain visible in the UI Editor canvas |
| Transition | Set how the Image should appear/disappear when it is made visible or invisible |
| Rotation | Set the rotation of the Image |
Use inputs and outputs to send data into or out from your Image.
Edit which Inputs & Outputs are enabled by tapping the Inputs & Outputs image in the Properties menu.