utilsGL.js

// utilsGL.js

export function createShader(gl, type, source) {
    const shader = gl.createShader(type);
    gl.shaderSource(shader, source);
    gl.compileShader(shader);

    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
        console.error(`Error compiling shader: ${gl.getShaderInfoLog(shader)}`);
        gl.deleteShader(shader);
        return null;
    }
    return shader;
}

export function createProgram(gl, vertexShader, fragmentShader) {
    const program = gl.createProgram();
    gl.attachShader(program, vertexShader);
    gl.attachShader(program, fragmentShader);
    gl.linkProgram(program);

    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
        console.error(`Error linking program: ${gl.getProgramInfoLog(program)}`);
        gl.deleteProgram(program);
        return null;
    }

    return program;
}

export function getLocations(gl, program) {
    return {
        attributes: {
            position: gl.getAttribLocation(program, 'aPosition'),
            normal: gl.getAttribLocation(program, 'aNormal'),
        },
        uniforms: {
            modelMatrix: gl.getUniformLocation(program, 'uModelMatrix'),
            viewMatrix: gl.getUniformLocation(program, 'uViewMatrix'),
            projectionMatrix: gl.getUniformLocation(program, 'uProjectionMatrix'),
            normalMatrix: gl.getUniformLocation(program, 'uNormalMatrix'),
            lightDirection: gl.getUniformLocation(program, 'uLightDirection'),
            lightColor: gl.getUniformLocation(program, 'uLightColor'),
            objectColor: gl.getUniformLocation(program, 'uObjectColor'),
            viewPosition: gl.getUniformLocation(program, 'uViewPosition'),
        },
    };
}

export function getTexLocations(gl, program) {
    return {
        attributes: {
            position: gl.getAttribLocation(program, 'aPosition'),
            normal: gl.getAttribLocation(program, 'aNormal'),
            texCoord: gl.getAttribLocation(program, 'aTexCoord')
        },
        uniforms: {
            modelMatrix: gl.getUniformLocation(program, 'uModelMatrix'),
            viewMatrix: gl.getUniformLocation(program, 'uViewMatrix'),
            projectionMatrix: gl.getUniformLocation(program, 'uProjectionMatrix'),
            normalMatrix: gl.getUniformLocation(program, 'uNormalMatrix'),
            lightDirection: gl.getUniformLocation(program, 'uLightDirection'),
            lightColor: gl.getUniformLocation(program, 'uLightColor'),
            viewPosition: gl.getUniformLocation(program, 'uViewPosition'),
            uTexture: gl.getUniformLocation(program, 'uTexture'),
            uNormalMap: gl.getUniformLocation(program, 'uNormalMap'),
        },
    };
}

export function loadTexture(gl, url) {
    const texture = gl.createTexture();
    gl.bindTexture(gl.TEXTURE_2D, texture);

    gl.texImage2D(
        gl.TEXTURE_2D,
        0,
        gl.RGBA,
        1,
        1,
        0,
        gl.RGBA,
        gl.UNSIGNED_BYTE,
        new Uint8Array([255, 255, 255, 255])
    );

    const image = new Image();
    image.onload = () => {
        gl.bindTexture(gl.TEXTURE_2D, texture);
        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
        gl.generateMipmap(gl.TEXTURE_2D); 
    };

    image.src = url;
    return texture;
}