编辑器结构

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

菜单栏

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

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

场景编辑区

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

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

状态栏

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

侧边栏

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