学习Three.js起步
Three.js包的下载
Three.js中文网中有给出包的下载链接,
链接:https://pan.baidu.com/s/1_Ix8TiOScypNcQe3BIl5vA
提取码:rrks
包中个文件内容的讲解
下载完成之后打开文件,文件构成如下:
Build目录:包含两个文件,three.js 和three.min.js 。这是three.js最终被引用的文件。一个已经压缩,一个没有压缩的js文件。
Docs目录:这里是three.js的帮助文档,里面是各个函数的api,可惜并没有详细的解释。试图用这些文档来学会three.js是不可能的。
Editor目录:一个类似3D-max的简单编辑程序,它能创建一些三维物体。
Examples目录:一些很有趣的例子demo,可惜没有文档介绍。对图像学理解不深入的同学,学习成本非常高。
Src目录:源代码目录,里面是所有源代码。
Test目录:一些测试代码,基本没用。
Utils目录:存放一些脚本,python文件的工具目录。例如将3D-Max格式的模型转换为three.js特有的json模型。
.gitignore文件:git工具的过滤规则文件,没有用。
CONTRIBUTING.md文件:一个怎么报bug,怎么获得帮助的说明文档。
LICENSE文件:版权信息。
README.md文件:介绍three.js的一个文件,里面还包含了各个版本的更新内容列表。
(此处来自于WEBGL中文网,这个网站讲解的还是蛮详细的,刚开始学习的同学可以取浏览看看,会让我们对这个有个系统的认识)
学习参考的网站
1.WebGL中文网
http://www.hewebgl.com/article/articledir/1
2.Three.js零基础入门
http://www.webgl3d.cn/Three.js/
3.Three.js中文网
http://www.webgl3d.cn/
中文网内有Three.js文档以及案例,如果想看函数最初始的参数、属性和方法的可以去看文档。如果有想要找与目标效果相似的案例的,可以从案例中找,点击案例的右下角的按钮即可获取github代码。
有了这些就基本上上路咯。