第4章 WebGL基础 - 图1

WebGL1.x类体系

在WebGL1.x版中,总计14个WebGL相关类,其中WebGLObject类是各种渲染资源的基类,因此WebGL中真正可以使用的有13个类。本章通过一个WebGL基本几何图元绘制的Demo来详解:

  • WebGLContextEvent

  • WebGLContextAttribute

  • WebGLRenderingContext

  • WebGLShader

  • WebGLProgram

  • WebGLShaderPrecisionFormat

  • WebGLActiveInfo

  • WebGLUniformLocation

  • WebGLBuffer

这9个类的作用和常用方法,从而为后续的WebGL学习打下扎实的基础。

于此同时,简单的了解了一下WebGL中所使用的GLSL ES语言的基础知识。主要涉及到attribute、uniform、varying变量相关知识点,GLSL ES中的各种数据类型(表4.1中提到的数据类型外加sampler2D和samplerCube这两个与纹理取样相关类型)以及highp、mediump、lowp以及precision这些精度限定符相关的知识点。

大家可以重点关注WebGLBuffer的三种不同的渲染数据存储模式。

最终你会意识到,不管是绘制简单的三角形,还是绘制复杂的各种场景,都是这些类的灵活应用