# 用户界面

Shader Editor的用户界面可以分成菜单栏、场景编辑区、状态栏、侧边栏等几部分。

![image](image/ui.png)

## 菜单栏

提供Shadow Editor的常用功能，由文件、编辑、添加、启动、视图、示例、帮助等几个功能。

在菜单栏右侧，还提供了是否自动保存选项和three.js的版本。

## 场景编辑区

可以使用鼠标编辑场景中的物体，进行移动、旋转、缩放等操作。

场景编辑区左下角还提供了当前场景中物体、顶点和三角形的统计数。

## 状态栏

提供移动、旋转、缩放控制，网格数量修改，坐标系控制。

## 侧边栏

提供场景层次（Hierachy）、工程选项、编辑器设置，还提供选中物体属性、几何(Geometry)属性和材质(Material)属性设置。