本文参考WebGL: Up and Running By Tony Parisi 中译本:WebGL入门指南
github上的源代码:https://github.com/tparisi/WebGLBook
WebGL就是一个服用了兴奋剂的绘制库。要知道他爸爸是OpenGL ES,他爷爷是OpenGL。
画布及绘制上下文
所有的WebGL呈现都发生在一个上下文环境中,这是一个提供了所有WebGL开发接口的JS的DOM对象。
一个WebGL程序首先需要一个关联了DOM的画布和有这个画布衍生出来的上下文环境。
视口
告诉WebGL API绘制的范围。
绘制对象(数据缓存、数组缓存、带类型的数组)
准备用于表示绘制图元的数据缓存、数组缓存、带类型的数组
变换矩阵
在三维应用中模型矩阵和投影矩阵事关能否正确绘制对象。
着色器
规定图元如何被绘制
绘制图元
利用上面准备好的工具把图元绘制到视口中展现给观众。