Assets

Assets in Reflectis can be interactive, with behaviors such as changing colors, zooming in on dashboards, starting videos on large screens, or triggering specific events. Interaction with these assets depends on the platform used:

Note

For collaboration purposes, manipulating assets is restricted to users with the required permissions. Ensure the appropriate permissions are set in the Back Office.

In WebGL, clicking on a 3D object with behavior triggers its action.

In VR, pointing the controller at the object and pressing the trigger button activates its behavior.

Spawning and Interact with Assets

When spawning an asset, such as an image, video, or 3D object, specific rules apply for adjusting its movement, size, and rotation:

WebGL

• Movement: Drag and drop with the left mouse button.
• Scaling: Drag with the left mouse button while scrolling the mouse wheel.
• Rotation: Drag with the right mouse button.

To move while dragging an object, use the WASD keys while holding the object in the center with the left mouse button. To delete an asset, right-click on the object and select the trash icon.

VR

Adjustments are made by pointing the controller at the object and pressing the trigger button to manipulate movement, scaling, and rotation.

Note

Avatars appear in full-body mode in both WebGL and VR. However, in VR, only the virtual hands are visible when looking downwards. Viewing the avatar in a mirror will display it as full-body.

Extra 3D Object Properties

Certain 3D objects may have additional properties, depending on the asset. These properties include:

• Color adjustments.
• Explosion of the object into its component parts.
• Non-proportional scaling along specific axes.
• Lock Object: Prevents further interaction or manipulation.

Colour picker

Objects with a color picker allow customization from a color palette with all available gradients.

WebGL: Right-click the object, then select the color button.

VR: Hold the trigger button on the object to open the context menu, then select the color button.

Requirements

For an object to support the color picker, its mesh hierarchy must be structured as follows:

• The parent is a container (no mesh).
• The first child contains the part of the mesh that will be colored.

Explosion

An explodable object can break into multiple parts if designed accordingly in its 3D model.

Requirements

The mesh hierarchy must include:

• A parent container (no mesh).
• Child components as separate parts of the mesh, placed at the same hierarchy level.

Usage:

WebGL: Right-click the object, then select the explosion icon. A slider will appear below the object to control the level of decomposition, along with a dropdown to select the explosion direction (radial or along the X, Y, or Z axis).

VR: Hold the trigger button on the object, then select the explosion icon from the context menu.

Non-proportional scaling

Non-proportional scaling allows the object to be stretched along a specific axis.

Usage:

WebGL: Right-click the object, then select the resize icon. Handles will appear on each face of the object. Dragging these handles with the left mouse button will stretch or shrink the object along the selected face.

VR: Hold the trigger button on the object, then select the resize icon from the context menu. Non-proportional scaling can cause unexpected behavior if the object uses colliders that do not support non-proportional scaling, such as sphere or capsule colliders.

Lock Object

The Lock Object property prevents any interaction with an asset until it is unlocked.

Key Features:

Locked assets cannot be moved, scaled, rotated, or otherwise manipulated. The Lock Object property can be enabled for an asset during upload through the Backoffice Interface or by using the Creator Kit. This feature is supported in both WebGL and VR.

Usage:

WebGL: Right-click on the object to access the context menu and toggle the lock or unlock option.

VR: Hold the trigger button on the object to open the context menu and select the lock or unlock option.