什么是WebGL

WebGL

WebGL是一项结合了HTML5和JavaScript，用来在网页上绘制和渲染复杂三维图形的技术。WebGL通过JavaScript操作OpenGL接口的标准，把三维空间图像显示在二维的屏幕上。所以它的本质就是JavaScript操作OpenGL接口。
原本的前端网页可能是：

使用WebGL之后就变成

那么我们也就需要哦了解一下OpenGL是个什么

OpenGL

OpenGL本身是一套规范，不是API，通过OpenGL来统一各个显卡厂家实现操作图形、图像的实现标准。WebGL的技术规范继承自OpenGL ES，从2.0版本开始，OpenGL支持可编程着色器方法，这个支持可以让我们通过着色器语言编写着色器程序，代表我们可以精确控制每个像素的位置和颜色。在OpenGL2.0规范中，GPU可以执行着色器程序，根据着色器程序生成像素数据，最终显示在屏幕上。（着色器方法：着色器方法解释）