WebGl_0_环境配置

因为工作接触到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.youkuaiyun.com/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