为什么要写这个教程？
上次我们连载了三篇关于OpenGL的实战教程，发现现在学OpenGL的人比较少。
或者说OpenGL方面的资料互联网上已经比较丰富了，再写这方面的教程已经没有意义了。
所以，从今天开始，将改变一下。咱们从现在最火的H5开始。
从零建立一个H5的3D渲染引擎。
首先，进来看的人，需要了解的知识点：
（1）什么是H5？
答：H5就是Html5的Web标准，不知道的请退出补习
（2）没有OpenGL基础可以学吗？
答：完全可以，以后的连载都是从零开始
（3）不会typescript可以学吗？
答：前提是你需要掌握一定的编程基础，会别的语言也行，因为编程都是通用的。
（4）教程会提供源码下载吗？
答：会
（5）通过学习，最终能有什么收获？
答：只要你勤奋努力愿意学习，进入3D游戏的开发殿堂之路肯定没问题
选用什么语言开发H5？
H5是基于Web浏览器标准的，主要采用javascript。由于javascript是一种动态无类型的语言。
声明即可以使用，虽然方便简单。但在开发大型项目的时候，可能不是太方便，查找问题比较困难些。
我们会选择现在比较流行的typescript语言来进行开发。
typescript语言是一种强类型的语言，它是javascript的超集，提供了面向对象的编程方法。
配合在vscode开发，有丰富快速的代码提示，错误检查能力，在浏览器中调试时，能像在源码中一样断点。
最终typescript会被编译成js文件进行发布。
什么是WebGL？
WebGL (Web图形库) 是一种JavaScript API，
用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。
WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API，可以在HTML5 <canvas> 元素中使用。
现在有哪些基于WebGL的渲染引擎？
国内现在比较流行的引擎就是Laya，Egret。
国外现在比较流行的引擎就是Babylon.JS , Three.js , Turbulenz , Famo.us , PlayCanvas.js 等等。
既然有这么多引擎了，为什么还要写个WebGL渲染引擎？
引擎只是一种工具封装，普通开发者无法了解它的底层是怎么样工作的。
如果你只是单纯的想用工具，上面这些引擎已经完全满足你了。
如果在开发过程中遇到底层问题，你可能无法下手，力不从心。
如果你对底层都十分的了解，你在开发中将能得心应手。
虽然最终不能和上面这些大引擎相比，但积累下来的的开发知识来说，完全足够了。
这也是我们为什么要自己写WebGL的原因之一了。
（注：本文展示图片纯为其它游戏截图，非本教程引擎效果）
从下一节开始，咱们从零起步，一起来熟悉它！
欢迎关注！