glsl着色器学习(三)

前面两篇文章已经创建好了顶点着色器和片段着色器并编译成功,下面将创建program(程序),将着色器链接起来

创建Program
javascript 复制代码
const prg = gl.createProgram();
gl.attachShader(prg, vertexShader);
gl.attachShader(prg, fragmentShader);
gl.linkProgram(prg);
if (!gl.getProgramParameter(prg, gl.LINK_STATUS)) {
  throw new Error(gl.getProgramInfoLog(prg))
};
  1. const prg = gl.createProgram();
    1. 使用Webgl的createProgram创建一个程序对象。这个程序对象包涵一个顶点着色对象和一个片段着色器对象,用于图形渲染。
    2. 如图,生成了一个prg对象。属性都为空。
    3. 此时,程序对象和顶点着色器对象以及片段着色器对象还没有关联起来
  2. gl.attachShaer(prg,vertexShader);
    1. 将之前创建并编译好的顶点着色器(vertexShader)附加到新创建的着色器程序对象(prg)上。
    2. 关联顶点着色器
  3. gl.attachShader(prg,fragmentShaer);
    1. 将之前创建并编译好的片段着色器(fragmentShader)附加到新创建的着色器程序对象(prg)上。这样,在后续的链接操作中,WebGL 会将这两个着色器组合成一个完整的渲染程序。
    2. 关联fragmentShader。
  4. gl.linkProgram(prg);
    1. 对附加了顶点着色器和片段着色器的程序对象进行链接操作。链接的过程会检查两个着色器之间的接口是否匹配,例如顶点着色器输出的变量是否能正确地被片段着色器接收等。同时,链接操作还会生成最终可在图形硬件上执行的程序代码。
  5. if (!gl.getProgramParameter(prg, gl.LINK_STATUS)) {... }
    1. 检查着色器程序的链接状态。如果gl.getProgramParameter返回的链接状态为false,则表示链接失败,此时会抛出一个错误,错误信息为通过gl.getProgramInfoLog(prg)获取的链接错误日志。
    2. link成功后的状态。
相关推荐
再不会python就不礼貌了15 分钟前
Ollama 0.4 发布!支持 Llama 3.2 Vision,实现多模态 RAG
人工智能·学习·机器学习·ai·开源·产品经理·llama
dal118网工任子仪2 小时前
web安全漏洞之命令注入
笔记·学习·安全·web安全·网络安全
五味香2 小时前
Linux命令学习,git命令
linux·c语言·开发语言·c++·git·学习·算法
邂逅you2 小时前
深度优先搜索之全排列问题(C语言版)
c语言·数据结构·学习·算法·贪心算法·深度优先
小黑子不会打篮球2 小时前
记一次文件包含刷题(伪协议篇)
网络协议·学习·web安全
何作欢2 小时前
day04 vue学习
javascript·vue.js·学习
埋头编程~3 小时前
【C++】踏上C++学习之旅(五):auto、范围for以及nullptr的精彩时刻(C++11)
java·c++·学习
hengzhepa3 小时前
ElasticSearch备考 -- 集群配置常见问题
运维·学习·elasticsearch·搜索引擎·es
dot.Net安全矩阵4 小时前
.NET 黑名单上传 突破WAF防护的SoapShell (免杀版)
服务器·网络·学习·安全·web安全·.net
follycat4 小时前
[极客大挑战 2019]Upload 1
网络·网络协议·学习·http·网络安全