吃个西瓜

真实世界里的灯光效果就是光线在物体表面进行反射和漫反射的结果，在 WebGL 里模拟这一效果需要知光源的位置、光线方向、光的强度和光线颜色等光源属性。

雷达扫描效果可以用于表达一个对一个区域的持续监控，可以设置颜色、半径和扫描速度。半径是真实的地理距离。

动态扩散效果可以用于表达一个事件发生位置点，可以设置颜色、半径和扩散速度3个参数。半径是真实的地理距离。

顶点着色器和片元着色器是自定义绘图的主要工作，当把数据准备好之后，就需要在两个着色器里面进行表演了。

在对空间图形进行位置变换（平移、旋转、缩放）、计算光线、颜色、投影的时候，使用向量和矩阵来计算要简洁高效。

WebGL相关的几个坐标系：屏幕坐标系、浏览器坐标系、Canvas坐标系、WebGL 坐标系、纹理坐标系

在二维屏幕上展现三维的世界的物体，需要经过一系列坐标变换。理解这一系列变换是进入 WebGL 三维世界的基础，最好可以亲自推导一遍，不手动推导也要多理解，反复举例验证。

和 WebGLBuffer 类似，不过 WebGLTexture 是存储传输纹理数据的，纹理数据通常来自一个 Image 对象。

WebGLBuffer 像一个数据包，可以存放顶点坐标、颜色之类的数据，可以通过 WebGL API 把 JS 数据写入 Buffer，着色器也可以从Buffer中读取。