Scene Editor

The Scene Editor is the tool you will use to design and configure your experiences. This tool will be automatically launched when opening a project.

Layout

Let's take a look at how the scene editor is organized.

  1. Scene list: Here you can create a new scene or switch to another.
  2. Current scene: This item will show current loaded scene. You can select, rename or delete it from there.
  3. Element list: This panel will show all the elements you add to the scene.
  4. Scene viewport: A 3D viewport which will preview your scene and will help you to design and position your contents.
  5. Asset library: From this toggleable panel, you will preview all your assets and be able to create new elements by dragging them to the viewport.
  6. Scene controls: Set of utility controls for element transform, camera view and other.
  7. Project settings: You can manage project properties and publishing options from this settings.
  8. Properties panel: This panel will show properties of your selected element.
  9. Events panel: You can add interactions to selected element from this panel.
  10. Datasheets panel: You can add extra information (metadata) to any element from this panel.

Adding elements to the scene

In order to create a new element, you can just drag any asset from the asset library to the scene viewport.

Move, rotate or scale elements

Whenever you want to move, rotate or scale any of your elements, you can use the gizmo (axis control drawn over the element) or the inputs that appear inside element properties.

Camera controls

Camera controls are essential for viewing your scene from different perspectives. You can move the camera by:

  • Using your mouse: right click and drag to move left / right and up / down, left click and drag to rotate, mouse wheel to move forward / backward.
  • Using your keyboard: use keyboard arrows to displace the camera left / right and up / down.
  • Using perspective shorcouts: you can quickly move between different perspectives by selecting predefined camera views.

Whenever you close an scene, your browser will store th last camera position, that will be recovered the next time you enter the scene again.


Adding interaction through events

In order to create dynamic experiences, Onirix provides a simple mechanism to add some interaction by attaching events to your scene or elements.

Here it is the complete Event list:

Event Attachable to Triggered when
Click Any element type Touching an element
On Scene Load Scene Scene loads
Finish Audio, Video Multimedia element finished its playback
Proximity Enter Any element type You are closer to an element above certain threshold
Proximity Exit Any element type You are closer to an element below certain threshold
Node Arrive Route node You arrive to a route node (for scene-tracking only)

When creating an event, you must also specify an action, what you expect to happen when the event triggers. Here it is the full Action list:

Action Description
Show URL Launch the URL on the device
Enable visibility Makes an element visible
Disable visibility Makes an element not visible
Enable all Makes all elements visible
Disable all Makes all elements not visible
Toggle visibility Makes visible if not visible and not visible if visible
Play Plays a multimedia element
Pause Pauses a multimedia element
Play/Pause Plays a multimedia element if paused and pauses if playing
Position Changes the position of an element
Rotation Changes the rotation of an element
Scale Change the scale of an element
Reset Reloads the scene
Play animation Plays a 3D element animation
Stop animations Stops all animations on a 3D element

When selecting an action, you can also specify a delay, in seconds, that will wait that time for your action to be executed.

Adding extra information to your experience

Onirix also provides a way to add metadata to your elements, scenes or projects. As this is a broad topic, and probably only meaningful for SDK users, we have separated it into other section: Templates and Datasheets.