Babylon.js inspector is a debugging tool created to help pinpoint issues you may have with a scene. It offers multiple tools like:
Its interface uses two panes:
The two panes can also be opened in an embedded mode:
The scene explorer displays a hierarchical view of your scene. You can filter by name in the filter bar if you want to find a specific entry.
By clicking on a line you will select it and the inspector will automatically update to reflect the properties of the selected item.
Some entities offer shortcuts to contextual actions.
The scene shortcuts are the following:
The mesh shortcuts are the following:
You can use the light action to turn a light on and off.
You can use the camera action to switch the active camera (when they are multiple cameras in a scene).
You can use the GUI control actions to:
The inspector pane contains 4 tabs:
You can move any pane into a popup mode by clicking the icon right left to the close button in the pane header:
Specific debug tools can be found across the inspector:
This tool (available in the Debug pane) will render a grid on the (0,0,0) plane:
This tool (available in the Debug pane) will render your skeletons:
This tool (available in the Debug pane) will render your physics impostors:
This tool (available in the property pane when you select a mesh) will paint the normals on your active mesh:
This tool (available in the property pane when you select a mesh) will render the vertex normals of a mesh:
This tool (available in the property pane when you select a material with textures in it) will render the texture directly as an emissive one: