因为Three.js官网是国外的服务器,所以为了方便学习和快速的查阅文档,我们可以自己搭建Three.js官网和文档,方便随时查看案例和文档内容进行学习。

1、首先进入threejs库GitHub地址:https://github.com/mrdoob/three.js

2、下载完整代码

img

3、项目文件解压缩

img

4、命令行安装依赖

一般安装可以用npm、yarn等包管理工具,课程以yarn举例,如果没有安装可以用npm install yarn -g进行安装。

yarn install

img

5、启动项目

yarn start

img

浏览器访问即可:http://localhost:8080

6、文档目录介绍

img

build目录:

img

docs文档:

选择中文,查看中文文档。

img

examples案例:

img

可以通过网址,找到具体的案例代码,如此处的文件名称是:webgl_animation_keyframes。因此可以在文件夹找到对应的代码文件

img

editor目录:

官方提供的可视化编辑器,可以直接导入模型,修改材质,添加光照效果等等。

img