因为工作接触到webGL平台，所以打算学习一下webGl开发。
自学网址：http://www.hewebgl.com/article/getarticle/27
一、概念
1）WebGL： https://baike.baidu.com/item/WebGL/592485?fr=aladdin（概念的，看一下百度词条）
（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。
2）Three.js：是一款开源的主流3D绘图JS引擎（名字Three就是3D的含义）,写出在浏览器上流畅运行的3D程序。
3）下载ThreeJs网址：https://github.com/mrdoob/three.js
关于目录结构：
Build目录：包含3个文件，这是three.js最终被引用的文件。
Docs目录：这里是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的一个文件，里面还包含了各个版本的更新内容列表。
4）学习最好的官网：https://threejs.org/
二、配置开发环境
1）游览器：推荐chrome（必须要能支持webGL的游览器）
2）js开发工具：WebStorm
破解：https://blog.csdn.net/m0_37550986/article/details/89983939
破解步骤： 1.找到hosts文件（路径：C:\Windows\System32\drivers\etc\hosts）,在该文件中添加：0.0.0.0 http://account.jetbrains.com:443 2.打开cmd终端，输入ipconfig/flushdns 回车刷新dns缓存 3.在激活的界面选择：activation code 注册码获取：点击链接
3）调试：直接用chrome游览器自带的功能调试代码。
学习调试教程：
https://www.cnblogs.com/yuanchaoyong/p/6172034.html
