前端

光照 首先的作用就是让立方体有棱角 光照分为： 点光源（灯泡，火焰等）定义一个点光源需要光源的位置，光线方向以及颜色，照射点的位置不同，光的方向也不同 平行光（太阳光）只需要光照方向和光照颜色 环境光

3D基础 视点，目标点，上方向 视点：眼睛 目标点：要看的物体 上方向：正方向 辅助函数 归一化函数：归一化到0-1区间 叉积，求两个平面的法向量 点积，求某点在xyz轴上的投影长度 向量差，获取视点

矢量和矩阵 矢量 vec2，3，4 具有234个浮点元素的矢量 ivec2，ivec3，ivec4 具有234个整型元素的矢量 bvec2，bvec3，bvec4 具有234个bool型元素的矢量 创

varying变量 执行过程 webgl渲染流程介绍 图元装配：将独立的顶点坐标装配成几何图形，图形的类别由gl.drawArrays()的第一个参数确定 光栅化：将装配好的图形转换为片元 剔除：对于

缓冲区对象（多个顶点数据的绘制问题） 缓冲区对象是webGl系统中的一块内存区域，可以一次性向缓冲区对象中填入大量顶点数据，将数据保存在其中供顶点着色器使用 缓冲区对象的执行流程 多缓冲区和数据偏移

用canvas创建一个矩形 创建webgl程序 gl.COLOR_BUFFER_BIT与gl.clearColor(1.0,0.0,0.0,1.0)配合使用 gl.COLOR_BUFFER_BIT与g