Babylon.js inspector is a visual debugging tool created to help pinpoint issues you may have with a scene.
For a video overview of the inspector, check out Introduction to the inspector - video series.
The inspector 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:
When your scene does not contain a default rendering pipeline, you can right-click on the rendering pipelines node to get a context menu letting you create a new default rendering pipeline.
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 skeleton property grid) 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: