通过前面三篇文档的说明，大家应该基本了解了webgl的绘制方法，为了下一步更深入的学习，我们先来学习一下一个辅助库image3D，这个库主要是提供一些辅助方法。

作者：心叶时间：2018-05-16 10:55 绘制三个点 前一篇文章我们绘制了一个点，现在想绘制三个点，怎么办？ 当然，你可以按照绘制一个点的方法，绘制三次，不过我们这里来说说如何一次绘制三个点。 在前面代码的基础上，我们只需要修改传递点的个数，然后修改绘画方法就可以了。 传递三个点 之前【传递点的位置】处的代码...

其中attribute代表的是不同顶点的不同信息，后面还会看见uniform代表所有顶点一致的处理信息，而varying是顶点着色器和片段着色器桥梁，二者间传递数据。一句话，这三个就是标明变量的地位。

阅读这篇文章的人应该都知道Canvas绘制二维位图是通过getContext('2d')获取类似画笔的东西在其中绘制，而这里是绘制三维位图，通过getContext('webgl')来获取这只神奇的笔。