webgl 创建顶点,片元着色器并连接着色程序

最新推荐文章于 2025-06-29 10:13:15 发布

原创最新推荐文章于 2025-06-29 10:13:15 发布 · 337 阅读

0 ·

CC 4.0 BY-SA版权

webgl 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用 WebGL 创建和编译着色器的方法，包括顶点着色器和片段着色器的创建过程。通过具体代码展示了如何设置着色器源代码、编译着色器并链接成着色器程序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


        function createShaderAndCompile (gl,vShaderSource,fShaderSource) {
            // 创建顶点着色器 
            var vShader = gl.createShader(gl.VERTEX_SHADER);
            // 把顶点Shader复制到顶点着色器
            gl.shaderSource(vShader, vShaderSource);
            // 编译Shader
            gl.compileShader(vShader);
            var fShader = gl.createShader(gl.FRAGMENT_SHADER);
            gl.shaderSource(fShader, fShaderSource);
            gl.compileShader(fShader);
            var program = gl.createProgram();
            //将顶点着色器挂载在着色器程序上。
            gl.attachShader(program, vShader);
            //将片元着色器挂载在着色器程序上。
            gl.attachShader(program, fShader);
            //链接着色器程序
            gl.linkProgram(program);
            // 启用着色程序
            gl.useProgram(program);
            return program;
        }