5.2 KiB
order, title, type, group, label
| order | title | type | group | label |
|---|---|---|---|---|
| 4 | Inspector Panel | Basics | Interface | Basics/Interface |
The Inspector panel is located on the right side of the editor and will be the most frequently used panel during your use of the editor. Based on what you currently have selected, the Inspector panel will display the corresponding properties. You can use the Inspector panel to edit almost everything in the scene, such as scenes, entities, assets, etc.
Types of Inspectors
Scene Inspector
The scene is at the top of the hierarchy tree. By clicking on the scene, you can see that the Inspector provides adjustments for scene-related effects such as ambient light, background, shadows, fog, etc. For detailed parameters on how to edit these elements, see Scene.
Entity Inspector
The Entity Inspector is the most commonly used inspector. Its properties include the current entity's component list. You can easily modify the properties of a component or conveniently add any built-in engine components and custom script components through the Add Component button. The Entity Inspector also includes basic information about the current entity, such as Transform, Layer, etc. For more details, see Entity.
Asset Inspector
After selecting an asset in the asset panel, the Inspector will display the various properties of the current asset and provide a previewer to show the editing results in real-time. The following image is a screenshot of the Inspector for a material asset.
Using Inspector Controls
Inspector controls can be divided into two main categories:
- Basic Value Types: Number adjustment, color selection, property toggling, etc.
- Reference Types: Usually resources, such as material selection, texture selection, etc.
Number Adjustment Controls
The Inspector provides many entry points for number adjustments. Depending on the property, the range of adjustable numbers and the size of each adjustment will vary. The most typical example is adjusting the position, rotation, and scale values of the Transform component.
You can quickly adjust the number size by dragging the slider on the right side of the input box. While dragging, holding down ⌘ (on Windows, Ctrl) allows for more precise number adjustments (precision is 1/10 of the original step).
Some adjustable properties appear in the form of sliders. You can drag the slider to quickly adjust the number size, such as the Intensity of a light. Similarly, while dragging the slider, holding down ⌘ (on Windows, ctrl) allows for more precise number adjustments.
Some number adjustment properties appear in the form of input boxes and buttons, such as the Near Plane of shadows. These properties often have more precise step sizes (e.g., 0.1, 1, 10). Clicking the buttons can directly increase or decrease the value by the step length.
Color Picker
Some properties require color adjustments, such as lighting, scene background color, or the emissive color of a material. To adjust the color, you need to click the color button on the left to bring up the color picker. In the color picker, you can use HUE to select the color and adjust the color's transparency; you can also adjust the specific RGBA values in the input box. Click the 
button to switch between HSLA, RGBA, and HEXA modes.
Asset Picker
Some properties require referencing the necessary assets. In this case, you can click the input box of the asset picker to bring up the asset picker. Different properties require different types of assets, but the asset picker is already configured with the appropriate filters, so you can select directly.
The asset picker also provides a search box, which you can use to find the corresponding assets more precisely.
