m0_72030584的博客

深度轴，从屏幕前到后，靠近观察者的为 -1，远离观察者的为 1。和滚动条的宽度（如果有滚动条），但不包含。：水平轴，从左到右，范围为 -1 到 1。：垂直轴，从下到上，范围为 -1 到 1。（包括溢出部分,即滚动条），但不含。又称CSS 盒模型，包含。区域和padding的。不会包括边框和滚动条。范围为 [−1,1]

变量的声明格式：存储限定符类型限定符变量名：由字母,数字和下划线组成,不能以数字开头，需见名知意。举个栗子：attribute vec4 a_Position约定：attribute变量名以a_开头，uniform变量名以u_开头，varying变量名以v_开头。attribute: 传输的是那些与顶点相关的数据,如顶点坐标,法线,颜色等，局部变量，只能在中使用，在片元着色器中无法访问。uniform。

着色器：顶点着色器: 用来描述顶点的特性,如位置、颜色等，其中，顶点：是指二维或三维空间中的一个点比如交点或者端点。片元着色器：用来进行逐片元处理操作，比如光照、颜色叠加等，其中，片元：可以理解为像素，逐片元处理就是逐个对像素进行处理。初始化着色器：(gl, vshader, fshader)：在WebGL系统内部建立和初始化着色器。gl:指定渲染上下文vshader:指定顶点着色器程序代码(字符串)fshader:指定片元着色器程序代码(字符串)

canvas>清除颜色缓冲区。

Cesium使用这一类来应用后处理效果，例如模糊、颜色调整等。你可以编写自定义的片段着色器，展示雨天、雪花、雾等效果。三维坐标系（笛卡尔坐标系）右手坐标系。