最近项目需要用到three.js editor，three.js库虽然较为广泛使用，但editor作为“衍生产品”似乎用户较少，使用方法连官方都资料甚少。此次我就自己关于editor的学习进行一下简单的脉络分析，大家共勉呀。 首先，我对three.js 库不是十分了解，打算从editor开始学习，遇到需要查询的地方再从库中按需求学习。 Editor目录下共有四个目录和两个文件。 css docs examples js index.html main.js

css文件主要定义了界面样式。主要有三个文件:dark.css、light.css、main.css。 dark.css与light.css主要定义界面UI，如菜单、参数面板等。 main.css定义各种几何体的线宽等参数。

docs文件中有两个说明文件，作为editor中没有撤销、重做功能的补充。一个是介绍如何实现，一个介绍如何测试。 examples文件中有五个示例。arkanoid示例主要展示editor中的程序逻辑控制；camera示例展示camera的控制，如camera的自旋转；particles示例展示生成粒子；phong示例展示简单的逻辑控制、应用phong光照模型的物体显示效果；shader示例展示了custom shader的使用方法。

js文件比较多，我还是从index.html文件开始分析。index.html中部分和非editor通用的js文件放在了整个three.js-master（我在官网下载解压缩后是这个文件名）的build、examples、libs文件中。与editor界面相关的js文件放在了editor文件下的js文件夹中。