ThreeJS学习准备

300 阅读1分钟

学习Three.js,可以直接查看ThreeJS官网地址:threejs.org/docs/index.…

也可以先下载ThreeJS的github仓库,用于本地启动:

git clone --depth=1 https://github.com/mrdoob/three.js.git

如果访问github卡顿容易失败,可以从我的网盘下载R160版本链接: pan.baidu.com/s/1dkC443lW… 提取码: 3ggm

解压后得到目录

three.js目录
    build——three.js sdk
    docs——api文档
    examples——案例
    src——Three.js源码
    editor——Three.js的可视化编辑器,可以编辑3D场景

现在直接打开docs里的index.html页面是不行的,需要启动本地服务器来查看:

1.如果你本地有nginx服务启动的话,可以放到nginx服务器下查看

2.如果没有nginx,只有node环境的话,可以安装live-server

npm install -g live-server

然后进入到three.js目录内运行命令live-server,将会启动一个本地服务器,默认端口是8080,访问文档地址 http://localhost:8080/docs/, 左侧菜单点击后可看到以下页面本地文档就启动成功啦!

Tips:点击箭头en位置可以切换语言

image.png

OK,本地查看案例速度起飞!!!