three.js应用篇（一）应用场景与开发环境（ES5、ES6）

        网上three.js的教程有很多，但大多数是关于基础知识的，在实际生产中参考价值不大，总是有简单的地方一再讲解，复杂的地方一笔带过的行为。废话不多话，本文章假定读者有js与three.js的基础知识预备，以结果导向为基调，重点阐述three.js在应用环境中如何与用户产生交互，拒绝小狗撒尿与苍蝇搓手的水答案，以干货分享给各位。

        一、环境选择

        流行的JavaScript存在es5与es6两个主流版本，three.js身承js而来自然也有各自对应的版本，对于前端程序员和VUE及Node.js使用者来说不需要考虑如何寻找和引用es5版本的js资源，只需要在官方git中找到npm命令安装即可，因此在此不做过多解释，但本人是后台程序员出身自然明白对后端程序员来说js的版本多变、es6语法过于灵活等等带来的头疼问题，因此下面为在使用ES5开发的后端程序员们花费一些篇幅介绍环境的选择。

        1、源码下载

         点击three.js GitHub资源下载three.js的源码，注意，three.js的源码已经改为使用ES6语法进行编写，但其中仍包含ES5版本，在我们下载到源码后，其目录结构如下所示。

当我们使用ES5的传统环境开发时，需要引入build文件夹下的three.js文件（three.min.js是压缩版本，不仅是代码的压缩版，没有换行，而且缺少各种开发时候的报错提示信息，体积更小，运行更快，其实际意义是用于开发环境，three.module.js是遵守ES6规则的模块版本，以import和export导出的模块包，ES5环境下也不需要）在实际开发中建议直接引入build和examples两个文件夹，一定注意，examples中包含所有官方示例，里面有js与jsm两个子文件夹，其中js为ES5版本的源码，而jsm为ES6版本的源码，因此在使用其中的文件时，一定看清其路径，说多了都是泪。当然其他文件夹里也有一些开发中惯用的插件例如TWEEN.js和status.js，需要时可在文件夹内搜索使用。