threejs 快速入门小技巧

---

前言

近年来web得到了快速的发展。随着HTML5的普及，网页的表现能力越来越强大。网页上已经可以做出很多复杂的动画，其中一种就是通过WebGL在网页中绘制高性能的3D图形 。
Three.js对WebGL提供的接口进行了非常好的封装，简化了很多细节，大大降低了学习成本。

---

例子

自带示例，找到对应改变代码改变效果乐趣无穷。

---

如何下载/运行

首先需要找到官网three.js-master
链接: three.js-master包.
github官网的Threejs软件包直接下载比较缓慢,有时候会中断,可使用github文件加速然后输入three.js-master包链接进行下载
链接: 文件下载加速

由于three.js-master包直接运行会有跨域问题 所以下载成功后需要给它开个服务

Node.js 有一个简单的HTTP服务器包

npm install http-server -g

安装成功后,可直接打开示例。

找到对应位置 然后在文件目录输入cmd打开小窗口

打开服务 
	http-server . -p 8000 
注8000端口被占用的话可以更改其他端口号运行

运行成功后打开 8000端口：http://127.0.0.1:8000

想进入示例图片点击：examples/

---

three.js-master包

各个文件简略意思

Build目录 ：包含两个文件，three.js 和three.min.js 。这是three.js最终被引用的文件。一个已经压缩，一个没有压缩的js文件。
Docs目录 ：这里是three.js的帮助文档，里面是各个函数的api（简易说明）。
Editor目录：一个类似3D-max的简单编辑程序，它能创建一些三维物体。
Examples目录：一些例子demo。
Src目录：源代码目录，里面是所有源代码。
Test目录：一些测试代码。
Utils目录：存放一些脚本。
gitignore文件：git工具的过滤规则文件。
CONTRIBUTING.md文件：bug帮助，说明文档。
LICENSE文件：版权信息。
README.md文件：介绍three.js的一个文件，里面还包含了各个版本的更新内容列表。

总结

以上就是今天的内容，本文仅仅简单介绍了快速对threejs感兴趣及入门的其中一种使用。
有兴趣可以互相讨论