refactor: WebGL2 工具函数

packages/client-base/src/glUtils.ts

@@ -0,0 +1,71 @@
+import { logger } from '@motajs/common';
+
+/**
+ * 编译着色器
+ * @param gl WebGL2 上下文
+ * @param type 着色器类型
+ * @param source 着色器代码
+ */
+export function compileShader(
+    gl: WebGL2RenderingContext,
+    type: number,
+    source: string
+): WebGLShader | null {
+    const shader = gl.createShader(type);
+    if (!shader) return null;
+    gl.shaderSource(shader, source);
+    gl.compileShader(shader);
+
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+        const info = gl.getShaderInfoLog(shader);
+        const typeStr = type === gl.VERTEX_SHADER ? 'vertex' : 'fragment';
+        logger.error(10, typeStr, info ?? '');
+        return null;
+    }
+
+    return shader;
+}
+
+/**
+ * 编译链接着色器程序
+ * @param gl WebGL2 上下文
+ * @param vs 顶点着色器对象
+ * @param fs 片段着色器对象
+ */
+export function compileProgram(
+    gl: WebGL2RenderingContext,
+    vs: WebGLShader,
+    fs: WebGLShader
+) {
+    const program = gl.createProgram();
+    gl.attachShader(program, vs);
+    gl.attachShader(program, fs);
+    gl.linkProgram(program);
+
+    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+        const info = gl.getProgramInfoLog(program);
+        logger.error(9, info ?? '');
+        return null;
+    }
+
+    return program;
+}
+
+/**
+ * 使用指定着色器代码编译链接程序
+ * @param gl WebGL2 上下文
+ * @param vs 顶点着色器代码
+ * @param fs 片段着色器代码
+ */
+export function compileProgramWith(
+    gl: WebGL2RenderingContext,
+    vs: string,
+    fs: string
+): WebGLProgram | null {
+    const vsShader = compileShader(gl, gl.VERTEX_SHADER, vs);
+    const fsShader = compileShader(gl, gl.FRAGMENT_SHADER, fs);
+
+    if (!vsShader || !fsShader) return null;
+
+    return compileProgram(gl, vsShader, fsShader);
+}