Skip to main content
Skip table of contents

Image Components

OKO Web Client 2.24.1 - CSP 4.19.0 | Version 1.0.0 (117785) - CSP 4.18.0 - UE 5.1


This guide will assist you in adding an Image Component to an Entity.

Instructions for OKO Web

Select an image from the Component List.

image6.jpg

Once selected, the Image Component will appear under the Entity in the Properties Menu. 

You will also see the settings for it.

image9.jpg

Transforms – you can use Transforms to move, rotate, or scale the image in the space. 

Visible in AR – here you can decide if the Image Component will be visible in AR.

image8.jpg

Asset – you can choose any Image Asset from your library using the asset dropdown.

image4.jpg

Billboard Mode – here you can choose the Billboard Mode of your image:

  • Off – Billboard Mode is off. 

  • Billboard – the image faces the camera in all axis.

  • Yaw Locked Billboard – the Billboard is locked to the vertical Y axis. 

image5.jpg

Display Mode – choose how you want the image displayed:

  • Single-sided – displays the image from only one side (front). 

  • Double-sided – displays the image on both sides (front and back).

  • Double-sides (reverse) – displays the image on both sides but the back side is reversed, a great option for images with text. 

image1.jpg

Lastly, you can make your image emit light by checking “Emissive”. The source image will require a high dynamic range (HDR) to create the glow effect. Images with HDR contain a wider range of tones between the darkest and lightest areas, allowing for more detail to be retained in both shadow and highlight regions.

To determine if an image has a high dynamic range, you can visually inspect it for a wide range of brightness levels.

image11.jpg

Instructions for the OKO Unreal Editor Extension Plugin

Image Components can also be added to a space using the OKO Unreal Plugin.

To add an Image Component to an Entity, select the Entity and click the “+ Add” button on the right panel.

image3.jpg

Search for the Image Component.

image10.jpg

You will need to upload an image file.

image7.jpg

Upload your file and your image will appear in the space. From there you can edit your component preferences in the Properties Menu.

image2.jpg

That's how to add an Image Component using the OKO Unreal Plugin.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.