Skip to main content

Scene Editor

Lindsey Tropf avatar
Written by Lindsey Tropf
Updated this week

Scene Editor

You will need to interact with the 3D game world during quest setup or whenever you need to specify a trigger target. We utilized babylon.js ’s inspector to make a scene editor where you could manipulate the game world.

Navigate the Scene

Navigating the scene could be a little tricky if you’re not familiar with 3D tools. The keys are listed below:

  • Dolly forward/backward: W / S

  • Track left/right: A / D

  • Boom up/down: E / Q

  • Rotate camera: click and drag

Import an Actor

In the left-side panel, use the dropdown to select the actor you want to add to the scene, then click on the import button. You should be able to place the actor in the scene as you wish, and keep adjusting it after placing it. It should also appear in the inspector panel, listed under Nodes.

Move/Rotate/Scale an Actor

  1. Click on Nodes to expand the list and see all the actors in the scene (Or directly click on the target in the scene to select it and skip step 2)

  2. Find and select the actor you want to manipulate. Please note that you should select the highest level of the node, not the details embedded under it.

  3. In the top-right corner of the inspector are mode buttons: position, rotation, scaling, and bounding box (in the bounding box mode, you could do all three previous actions). Click on one of them depending on your needs. (Or use key 1,2,3,4 to toggle between the modes.)

  4. Manipulate the model in the scene by interacting with the gizmos (arrows/circles/axes/bounding box)

Remove an Actor

  1. Click on “Nodes” in the right side panel to expand the list

  2. Find and select the actor

  3. Click on the Dispose button

Did this answer your question?