理清WebGL绘制流程

初始化WebGL环境
顶点着色器(Vertex Shader)与片元着色器(Fragment Shader)
定义顶点着色器与片元着色器
创建及使用着色器(Shader)
首先创建并编译好着色器对象
将这些着色器对象链接为一个着色器程序。
对于着色器程序:
创建一个着色器程序
将着色器对象关联到着色器程序
连接着色器程序
判断着色器的链接过程是否成功完成
使用着色器来处理顶点和片元
顶点数组对象(VBO)、索引数值对象(IBO)
创建顶点数组对象&索引数组对象
顶点数组对象的创建
索引数组对象的创建
绘制流程

定义着色器
定义顶点数组,定义索引数组
创建VBO 写入缓存区
创建IBO 写入缓存区

// 创建顶点着色器

// 创建片元着色器

// 创建着色器程序

// 缓存区获取顶点数据 存入着色器程序

// 绘制场景的函数

// 配置
// 指定绘制时使用的顶点数据
// 将顶点数据读入着色器中
// 指定绘制时使用的索引数组

// 绘制图形

猜你喜欢

转载自www.cnblogs.com/amulong1237/p/12369798.html