cheungseol / cheungseol.github.io

2 stars 0 forks source link

[WebGL] (1) #18

Open cheungseol opened 6 years ago

cheungseol commented 6 years ago

大部分 WebGL 程序都遵循这样的流程:

获取 元素 --> 获取WebGL 绘图上下文 --> 初始化着色器 --> 设置 背景色 --> 清除 --> 绘图

着色器

WebGL 程序包括运行在浏览器中的 js 和运行在WebGL系统的着色器程序两部分。 着色器分为定点着色器和片元着色器。

着色器程序使用 GLSL ES 强类型编程语言。 GLSL ES 中的数据类型有:浮点数float 和 四个浮点数组成的矢量vec4。

着色器程序和 C 语言程序一样,必须包含一个main 函数。main() 前面的关键字 void 表示这个函数没有返回值。不能为main()制定参数。

定点着色器控制位置和大小,片元着色器控制颜色。定点着色器的结果传给片元着色器。