从Git上Clone好项目后,目录结构如下:
src - 我们主要看的部分,包含了所有源码。
editor - 如果有自己做webgl webIDE的计划,可以参考一下。threejs的IDE多少年没变过了,功能很少也不太好用。
docs - 所有的教程和api文档,文件夹内有index页面可以直接本地浏览,比较方便,省的连外网了。
examples - 所有示例的源码,每个html文件的名字就是示例的名字,可以直接在本地运行。
build - 打包后的源码,一个是按module加载的,一个是整体加载的。
threejs源码中的每个类几乎都有2个文件。一个是ts文件,用来声明方法和变量,一个是js文件,用来实现。最终在打包输出的时候,都会被编译成js语法。
在本系列文章中,我们重点解读js文件中的内容,ts文件中的声明内容作为辅助,帮助我们理解每个js文件的大结构和功能。