webgl复习笔记——可以自由设置颜色的点

动态设置蓝色

function changeColor(){
    let v_shader = `
    void main(){
        gl_Position = vec4(0.5,0,0,1);
        gl_PointSize = 10.0;
    }
    `;
        //gl_Position 四位，最后一位叫做齐次坐标，用来矩阵相乘用。
        let f_shader = `
        precision mediump float;
        uniform vec4 u_fragColor;
    void main(){
        gl_FragColor = u_fragColor;
    }
    `;
        initShaders(webgl, v_shader, f_shader);
  
        webgl.clearColor(0, 0, 0, 1.0);
        webgl.clear(webgl.COLOR_BUFFER_BIT);

        let u_fragColor = webgl.getUniformLocation(webgl.program, "u_fragColor")
        webgl.uniform4f(u_fragColor,0,0,1,1);
        webgl.drawArrays(webgl.POINT, 0, 1);
}