Node Copied to Clipboard!


After importing a 2D image into Editor, you can use the imported image by first double clicking the setup node in the [Storyboarder](/Editor/Overview_of_Editor_Windows/Storyboarder_Tab).

In the setup node, there are two ways you can add an image, right-click in the setup window, hover over UI and select Image or press the image button from the setup tab in the The Ribbon after simulating the lesson.

That will create an image place holder in both the editor window and the player window. Select the Image in the setup node and look at the properties tab. You will notice a set of property menus, for now we are only interested in the Image property menu. Scroll in the properties till you find it.

To get the imported image to populate in the image place holder, drag the imported image from the Assets Tab to the image property menu under the Image asset slot in the image above. Toggle the use actual size button to use the actual size of the image.

After hitting Simulate, you will see the image in the player window, to see the image in the editor window hit the UI button in the editor window. Now, lets look at the other property menus.

Layout Menu: controls the 2D properties of your image.

  • Anchor - will attach the image to a fixed location on the screen.
  • Offset Y&X - will offset the position from the anchored/fixed location.
  • Height & Width - will edit the size of the image.
  • A & R - are toggles that will use Absolute Coordinates or Relative Coordinates system.
  • Absolute Coordinates will use the data you selected.
  • Relative Coordinates will edited the data to be relative to the size of screen.

To parent the image to a 3D model. For this we need a 3D model. Import a Model and Populate it in the Editor Tab. After simulating.

  • Parent name- Use parent name to parent your image to the model, to parent your image to the model, drag the model from you editor window or from the setup node and drop it in the empty Parent name slot.
  • World offset - Use world offset to edit the position of the image on the 3D model.
  • World Hide Distance - while in a mobile view as the camera moves closer to the 3D model the image will appear, and disappear as the camera moves further.
  • World hide blend Distance - will make the image fade in and out.

Appearance menu, Use the appearance menu to edit the appearance of the image.

  • Is Highlighted - Will toggle a highlight around your image.
  • Highlight color - will edit the color of the highlight.
  • Opacity - will control the level of transparency of your image.
  • Is Visible - will toggle the visibility of your image on or off.
  • Tooltip - will add a small text that will appear if you hover and wait over the image in the player window.

Next Labels