bg2e-js 2.3.11 → 2.3.13

package/src/render/webgl/TextureRenderer.ts

@@ -1,167 +1,167 @@
-
-
-import TextureRenderer from '../TextureRenderer';
-import Texture, { 
-    TextureTargetName,
-    TextureDataType,
-    TextureComponentFormat,
-    TextureRenderTargetAttachment,
-    TextureTarget,
-    textureWrapString,
-    textureFilterString
-} from '../../base/Texture';
-import Vec from '../../math/Vec';
-import { generateUUID } from '../../tools/crypto';
-import Renderer from '../Renderer';
-
-const getTarget = (gl: WebGLRenderingContext, tex: Texture): number => {
-    switch (tex.target) {
-    case TextureTarget.TEXTURE_2D:
-        return gl.TEXTURE_2D;
-    case TextureTarget.CUBE_MAP:
-        return gl.TEXTURE_CUBE_MAP;
-    default:
-        throw new Error("Error creating WebGL Texture: invalid target");
-    }
-}
-
-const getClampMode = (gl: WebGLRenderingContext, mode: number): number => {
-    if (mode === 1) {
-        return gl.CLAMP_TO_EDGE;
-    }
-    else {
-        const name = textureWrapString(mode);
-        return (gl as any)[name];
-    }
-}
-
-const getTextureFilter = (gl: WebGLRenderingContext, filter: number): number => {
-    const name = textureFilterString(filter);
-    return (gl as any)[name];
-}
-
-const getDataFormat = (gl: WebGLRenderingContext, texture: Texture): number => {
-    const componentFormat = texture.componentFormat;
-    switch (componentFormat) {
-    case TextureComponentFormat.UNSIGNED_BYTE:
-        return gl.UNSIGNED_BYTE;
-    case TextureComponentFormat.FLOAT32:
-        return gl.FLOAT;
-    default:
-        throw new Error("Error creating webgl texture: invalid component data format");
-    }
-}
-
-const bg2eCreateTexture = (gl: any, textureObject: any): void => {
-    textureObject._apiObject = gl.createTexture();
-    textureObject._apiObject._bg2_uuid = generateUUID();
-    gl._bg2_textures = gl._bg2_textures || {};
-    let id = textureObject.name || textureObject._apiObject._bg2_uuid;
-    if (gl._bg2_textures[id] && gl._bg2_textures[id] !== textureObject) {
-        id = textureObject.name + "_" + textureObject._apiObject._bg2_uuid;
-    }
-    gl._bg2_textures[id] = textureObject;
-}
-
-const bg2eDeleteTexture = (gl: any, textureObject: any): void => {
-    if (textureObject._apiObject) {
-        gl.deleteTexture(textureObject._apiObject);
-        delete gl._bg2_textures[textureObject._apiObject._bg2_uuid];
-        textureObject._apiObject = null;
-        textureObject.setUpdated(false);
-    }
-}
-
-const getWebGLTexture = (gl: WebGLRenderingContext, textureObject: any): void => {
-    if (!textureObject.imageData) {
-        throw new Error("Error loading WebGL texture: image data not loaded");
-    }
-
-    bg2eDeleteTexture(gl, textureObject);
-    bg2eCreateTexture(gl, textureObject);
-
-    const target = getTarget(gl, textureObject);
-    const dataFormat = getDataFormat(gl, textureObject);
-    gl.bindTexture(target, textureObject._apiObject);
-
-    if (textureObject.dataType ===TextureDataType.RENDER_TARGET) {
-        const { width, height } = textureObject.size;
-
-        const isDepthTexture = textureObject.renderTargetAttachment === TextureRenderTargetAttachment.DEPTH_ATTACHMENT;
-        const internalFormat = isDepthTexture ? gl.DEPTH_COMPONENT : gl.RGBA;
-        let format = isDepthTexture ? gl.DEPTH_COMPONENT : gl.RGBA;
-        const type = isDepthTexture ? gl.UNSIGNED_SHORT : dataFormat;
-
-        gl.texParameteri(target, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-        gl.texParameteri(target, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-        gl.texParameteri(target, gl.TEXTURE_WRAP_S, getClampMode(gl,textureObject.wrapModeX));
-        gl.texParameteri(target, gl.TEXTURE_WRAP_T, getClampMode(gl,textureObject.wrapModeY));
-        
-        if (target === gl.TEXTURE_CUBE_MAP) {
-            for (let i = 0; i<6; ++i) {
-                gl.texImage2D(gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, internalFormat, width, height, 0, format, type, null);
-            }
-        }
-        else {
-            gl.texImage2D(target, 0, internalFormat, width, height, 0, format, type, null);
-        }
-
-        textureObject.imageData.currentSize = new Vec(textureObject.size);
-    }
-    else {
-    
-        gl.texImage2D(target, 0, gl.RGBA, gl.RGBA, dataFormat, textureObject._imageData);
-    
-        gl.texParameteri(target, gl.TEXTURE_WRAP_S, getClampMode(gl,textureObject.wrapModeX));
-        gl.texParameteri(target, gl.TEXTURE_WRAP_T, getClampMode(gl,textureObject.wrapModeY));
-    
-        gl.texParameteri(target, gl.TEXTURE_MAG_FILTER, getTextureFilter(gl, textureObject.magFilter));
-        gl.texParameteri(target, gl.TEXTURE_MIN_FILTER, getTextureFilter(gl, textureObject.minFilter));
-    
-        if (textureObject.mipmapRequired) {
-            gl.generateMipmap(target);
-        }
-    }
-}
-
-export default class WebGLTextureRenderer extends TextureRenderer {
-    static ListTextures(glOrRenderer: Renderer | any): Record<string, any> {
-        if (glOrRenderer instanceof Renderer) {
-            glOrRenderer = (glOrRenderer as any).gl;
-        }
-        return glOrRenderer._bg2_textures || {};
-    }
-
-    getApiObject(): any {
-        if (this.texture.dirty) {
-            try {
-                getWebGLTexture((this.renderer as any).gl, this.texture);
-                this.texture.setUpdated();
-            }
-            catch (err: any) {
-                console.warn(err.message);
-            }
-        }
-        return (this.texture as any)._apiObject;
-    }
-    
-    destroy(): void {
-        const { gl } = this.renderer as any;
-        bg2eDeleteTexture(gl, this.texture);
-    }
-
-    ///// webgl specific functions
-    // Returns the webgl target (TEXTURE_2D, TEXTURE_3D...)
-    get target(): number {
-        return (this.renderer as any).gl[TextureTargetName[this.texture.target]];
-    }
-
-    activeTexture(index: number = 0): void {
-        const { gl } = this.renderer as any;
-        gl.activeTexture(gl.TEXTURE0 + index);
-    }
-
-    bindTexture(): void {
-        (this.renderer as any).gl.bindTexture(this.target, this.getApiObject());
-    }
-}
+
+
+import TextureRenderer from '../TextureRenderer';
+import Texture, { 
+    TextureTargetName,
+    TextureDataType,
+    TextureComponentFormat,
+    TextureRenderTargetAttachment,
+    TextureTarget,
+    textureWrapString,
+    textureFilterString
+} from '../../base/Texture';
+import Vec from '../../math/Vec';
+import { generateUUID } from '../../tools/crypto';
+import Renderer from '../Renderer';
+
+const getTarget = (gl: WebGLRenderingContext, tex: Texture): number => {
+    switch (tex.target) {
+    case TextureTarget.TEXTURE_2D:
+        return gl.TEXTURE_2D;
+    case TextureTarget.CUBE_MAP:
+        return gl.TEXTURE_CUBE_MAP;
+    default:
+        throw new Error("Error creating WebGL Texture: invalid target");
+    }
+}
+
+const getClampMode = (gl: WebGLRenderingContext, mode: number): number => {
+    if (mode === 1) {
+        return gl.CLAMP_TO_EDGE;
+    }
+    else {
+        const name = textureWrapString(mode);
+        return (gl as any)[name];
+    }
+}
+
+const getTextureFilter = (gl: WebGLRenderingContext, filter: number): number => {
+    const name = textureFilterString(filter);
+    return (gl as any)[name];
+}
+
+const getDataFormat = (gl: WebGLRenderingContext, texture: Texture): number => {
+    const componentFormat = texture.componentFormat;
+    switch (componentFormat) {
+    case TextureComponentFormat.UNSIGNED_BYTE:
+        return gl.UNSIGNED_BYTE;
+    case TextureComponentFormat.FLOAT32:
+        return gl.FLOAT;
+    default:
+        throw new Error("Error creating webgl texture: invalid component data format");
+    }
+}
+
+const bg2eCreateTexture = (gl: any, textureObject: any): void => {
+    textureObject._apiObject = gl.createTexture();
+    textureObject._apiObject._bg2_uuid = generateUUID();
+    gl._bg2_textures = gl._bg2_textures || {};
+    let id = textureObject.name || textureObject._apiObject._bg2_uuid;
+    if (gl._bg2_textures[id] && gl._bg2_textures[id] !== textureObject) {
+        id = textureObject.name + "_" + textureObject._apiObject._bg2_uuid;
+    }
+    gl._bg2_textures[id] = textureObject;
+}
+
+const bg2eDeleteTexture = (gl: any, textureObject: any): void => {
+    if (textureObject._apiObject) {
+        gl.deleteTexture(textureObject._apiObject);
+        delete gl._bg2_textures[textureObject._apiObject._bg2_uuid];
+        textureObject._apiObject = null;
+        textureObject.setUpdated(false);
+    }
+}
+
+const getWebGLTexture = (gl: WebGLRenderingContext, textureObject: any): void => {
+    if (!textureObject.imageData) {
+        throw new Error("Error loading WebGL texture: image data not loaded");
+    }
+
+    bg2eDeleteTexture(gl, textureObject);
+    bg2eCreateTexture(gl, textureObject);
+
+    const target = getTarget(gl, textureObject);
+    const dataFormat = getDataFormat(gl, textureObject);
+    gl.bindTexture(target, textureObject._apiObject);
+
+    if (textureObject.dataType ===TextureDataType.RENDER_TARGET) {
+        const { width, height } = textureObject.size;
+
+        const isDepthTexture = textureObject.renderTargetAttachment === TextureRenderTargetAttachment.DEPTH_ATTACHMENT;
+        const internalFormat = isDepthTexture ? gl.DEPTH_COMPONENT : gl.RGBA;
+        let format = isDepthTexture ? gl.DEPTH_COMPONENT : gl.RGBA;
+        const type = isDepthTexture ? gl.UNSIGNED_SHORT : dataFormat;
+
+        gl.texParameteri(target, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+        gl.texParameteri(target, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+        gl.texParameteri(target, gl.TEXTURE_WRAP_S, getClampMode(gl,textureObject.wrapModeX));
+        gl.texParameteri(target, gl.TEXTURE_WRAP_T, getClampMode(gl,textureObject.wrapModeY));
+        
+        if (target === gl.TEXTURE_CUBE_MAP) {
+            for (let i = 0; i<6; ++i) {
+                gl.texImage2D(gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0, internalFormat, width, height, 0, format, type, null);
+            }
+        }
+        else {
+            gl.texImage2D(target, 0, internalFormat, width, height, 0, format, type, null);
+        }
+
+        textureObject.imageData.currentSize = new Vec(textureObject.size);
+    }
+    else {
+    
+        gl.texImage2D(target, 0, gl.RGBA, gl.RGBA, dataFormat, textureObject._imageData);
+    
+        gl.texParameteri(target, gl.TEXTURE_WRAP_S, getClampMode(gl,textureObject.wrapModeX));
+        gl.texParameteri(target, gl.TEXTURE_WRAP_T, getClampMode(gl,textureObject.wrapModeY));
+    
+        gl.texParameteri(target, gl.TEXTURE_MAG_FILTER, getTextureFilter(gl, textureObject.magFilter));
+        gl.texParameteri(target, gl.TEXTURE_MIN_FILTER, getTextureFilter(gl, textureObject.minFilter));
+    
+        if (textureObject.mipmapRequired) {
+            gl.generateMipmap(target);
+        }
+    }
+}
+
+export default class WebGLTextureRenderer extends TextureRenderer {
+    static ListTextures(glOrRenderer: Renderer | any): Record<string, any> {
+        if (glOrRenderer instanceof Renderer) {
+            glOrRenderer = (glOrRenderer as any).gl;
+        }
+        return glOrRenderer._bg2_textures || {};
+    }
+
+    getApiObject(): any {
+        if (this.texture.dirty) {
+            try {
+                getWebGLTexture((this.renderer as any).gl, this.texture);
+                this.texture.setUpdated();
+            }
+            catch (err: any) {
+                console.warn(err.message);
+            }
+        }
+        return (this.texture as any)._apiObject;
+    }
+    
+    destroy(): void {
+        const { gl } = this.renderer as any;
+        bg2eDeleteTexture(gl, this.texture);
+    }
+
+    ///// webgl specific functions
+    // Returns the webgl target (TEXTURE_2D, TEXTURE_3D...)
+    get target(): number {
+        return (this.renderer as any).gl[TextureTargetName[this.texture.target]];
+    }
+
+    activeTexture(index: number = 0): void {
+        const { gl } = this.renderer as any;
+        gl.activeTexture(gl.TEXTURE0 + index);
+    }
+
+    bindTexture(): void {
+        (this.renderer as any).gl.bindTexture(this.target, this.getApiObject());
+    }
+}

package/src/render/webgl/VertexBuffer.ts

@@ -1,137 +1,137 @@
-export enum BufferTarget {
-    ARRAY_BUFFER = 0,
-    ELEMENT_ARRAY_BUFFER = 1,
-
-    // WebGL 2:
-    COPY_READ_BUFFER = 2,
-    COPY_WRITE_BUFFER = 3,
-    TRANSFORM_FEEDBACK_BUFFER = 4,
-    UNIFORM_BUFFER = 5,
-    PIXEL_PACK_BUFFER = 6,
-    PIXEL_UNPACK_BUFFER = 7
-}
-
-export enum BufferUsage {
-    STATIC_DRAW = 0,
-    DYNAMIC_DRAW = 1,
-    STREAM_DRAW = 2,
-
-    // WebGL 2:
-    STATIC_READ = 3,
-    DYNAMIC_READ = 4,
-    STREAM_READ = 5,
-    STATIC_COPY = 6,
-    DYNAMIC_COPY = 7,
-    STREAM_COPY = 8
-}
-
-const g_bufferTargetConversion: number[] = [];
-const g_bufferUsageConversion: number[] = [];
-
-const g_createdBuffers: { [key: number]: { [key: number]: VertexBuffer } } = {};
-
-// DEBUG: assign an unique identifier to each buffer
-let g_bg2e_id__: number = 0;
-
-export default class VertexBuffer {
-
-    private _gl: WebGLRenderingContext;
-    private _buffer: WebGLBuffer | null;
-
-    static Delete(buffer: VertexBuffer): void {
-        if (!buffer._buffer || !buffer._gl) return;
-        
-        const gls = (buffer._gl as any)._bg2_id_;
-        const buffer_id = (buffer._buffer as any)._bg2e_id_;
-        
-        if (g_createdBuffers[gls]?.[buffer_id]) {
-            delete g_createdBuffers[gls][buffer_id];
-        }
-        buffer._gl.deleteBuffer(buffer._buffer);
-        buffer._buffer = null;
-    }
-
-    static CreateArrayBuffer(gl: WebGLRenderingContext, data: ArrayBufferView, usage: BufferUsage = BufferUsage.STATIC_DRAW): VertexBuffer {
-        const buffer = new VertexBuffer(gl);
-        buffer.bind(BufferTarget.ARRAY_BUFFER);
-        buffer.bufferData(BufferTarget.ARRAY_BUFFER, data, usage);
-        return buffer;
-    }
-
-    static CreateElementArrayBuffer(gl: WebGLRenderingContext, data: ArrayBufferView, usage: BufferUsage = BufferUsage.STATIC_DRAW): VertexBuffer {
-        const buffer = new VertexBuffer(gl);
-        buffer.bind(BufferTarget.ELEMENT_ARRAY_BUFFER);
-        buffer.bufferData(BufferTarget.ELEMENT_ARRAY_BUFFER, data, usage);
-        return buffer;
-    }
-    
-    static CurrentBuffer(gl: WebGLRenderingContext, target: BufferTarget): VertexBuffer | undefined {
-        let glTarget: number;
-        if (target === BufferTarget.ARRAY_BUFFER) {
-            glTarget = gl.ARRAY_BUFFER_BINDING;
-        }
-        else if (target === BufferTarget.ELEMENT_ARRAY_BUFFER) {
-            glTarget = gl.ELEMENT_ARRAY_BUFFER_BINDING;
-        }
-        else {
-            return undefined;
-        }
-        
-        const gls = (gl as any)._bg2_id_;
-        g_createdBuffers[gls] = g_createdBuffers[gls] || {};
-        const gl_buffer = gl.getParameter(glTarget) as WebGLBuffer & { _bg2e_id_: number };
-        const buffer = g_createdBuffers[gls]?.[gl_buffer?._bg2e_id_];
-        return buffer;
-    }
-
-    get id(): number | undefined {
-        return (this._buffer as any)?._bg2e_id_;
-    }
-
-    constructor(gl: WebGLRenderingContext) {
-        this._gl = gl;
-        this._buffer = gl.createBuffer();
-        
-        (gl as any)._bg2_id_ = (gl as any)._bg2_id_ ?? ++g_bg2e_id__;
-        (this._buffer as any)._bg2e_id_ = ++g_bg2e_id__;
-        
-        const gls = (gl as any)._bg2_id_;
-        g_createdBuffers[gls] = g_createdBuffers[gls] || {};
-        g_createdBuffers[gls][(this._buffer as any)._bg2e_id_] = this;
-
-        if (g_bufferTargetConversion.length === 0) {
-            g_bufferTargetConversion.push(gl.ARRAY_BUFFER);
-            g_bufferTargetConversion.push(gl.ELEMENT_ARRAY_BUFFER);
-        }
-
-        if (g_bufferUsageConversion.length === 0) {
-            g_bufferUsageConversion.push(gl.STATIC_DRAW);
-            g_bufferUsageConversion.push(gl.DYNAMIC_DRAW);
-            g_bufferUsageConversion.push(gl.STREAM_DRAW);
-        }
-    }
-
-    get buffer(): WebGLBuffer | null {
-        return this._buffer;
-    }
-
-    bind(target: BufferTarget): void {
-        if (this._buffer) {
-            this._gl.bindBuffer(g_bufferTargetConversion[target], this._buffer);
-        }
-    }
-
-    bufferData(target: BufferTarget, size: number, usage: BufferUsage): void;
-    bufferData(target: BufferTarget, data: ArrayBufferView | ArrayBuffer, usage: BufferUsage): void;
-    bufferData(
-        target: BufferTarget,
-        dataOrSize: ArrayBufferView | ArrayBuffer | number,
-        usage: BufferUsage
-    ): void {
-        this._gl.bufferData(
-            g_bufferTargetConversion[target], 
-            dataOrSize as any, 
-            g_bufferUsageConversion[usage]
-        );
-    }
-}
+export enum BufferTarget {
+    ARRAY_BUFFER = 0,
+    ELEMENT_ARRAY_BUFFER = 1,
+
+    // WebGL 2:
+    COPY_READ_BUFFER = 2,
+    COPY_WRITE_BUFFER = 3,
+    TRANSFORM_FEEDBACK_BUFFER = 4,
+    UNIFORM_BUFFER = 5,
+    PIXEL_PACK_BUFFER = 6,
+    PIXEL_UNPACK_BUFFER = 7
+}
+
+export enum BufferUsage {
+    STATIC_DRAW = 0,
+    DYNAMIC_DRAW = 1,
+    STREAM_DRAW = 2,
+
+    // WebGL 2:
+    STATIC_READ = 3,
+    DYNAMIC_READ = 4,
+    STREAM_READ = 5,
+    STATIC_COPY = 6,
+    DYNAMIC_COPY = 7,
+    STREAM_COPY = 8
+}
+
+const g_bufferTargetConversion: number[] = [];
+const g_bufferUsageConversion: number[] = [];
+
+const g_createdBuffers: { [key: number]: { [key: number]: VertexBuffer } } = {};
+
+// DEBUG: assign an unique identifier to each buffer
+let g_bg2e_id__: number = 0;
+
+export default class VertexBuffer {
+
+    private _gl: WebGLRenderingContext;
+    private _buffer: WebGLBuffer | null;
+
+    static Delete(buffer: VertexBuffer): void {
+        if (!buffer._buffer || !buffer._gl) return;
+        
+        const gls = (buffer._gl as any)._bg2_id_;
+        const buffer_id = (buffer._buffer as any)._bg2e_id_;
+        
+        if (g_createdBuffers[gls]?.[buffer_id]) {
+            delete g_createdBuffers[gls][buffer_id];
+        }
+        buffer._gl.deleteBuffer(buffer._buffer);
+        buffer._buffer = null;
+    }
+
+    static CreateArrayBuffer(gl: WebGLRenderingContext, data: ArrayBufferView, usage: BufferUsage = BufferUsage.STATIC_DRAW): VertexBuffer {
+        const buffer = new VertexBuffer(gl);
+        buffer.bind(BufferTarget.ARRAY_BUFFER);
+        buffer.bufferData(BufferTarget.ARRAY_BUFFER, data, usage);
+        return buffer;
+    }
+
+    static CreateElementArrayBuffer(gl: WebGLRenderingContext, data: ArrayBufferView, usage: BufferUsage = BufferUsage.STATIC_DRAW): VertexBuffer {
+        const buffer = new VertexBuffer(gl);
+        buffer.bind(BufferTarget.ELEMENT_ARRAY_BUFFER);
+        buffer.bufferData(BufferTarget.ELEMENT_ARRAY_BUFFER, data, usage);
+        return buffer;
+    }
+    
+    static CurrentBuffer(gl: WebGLRenderingContext, target: BufferTarget): VertexBuffer | undefined {
+        let glTarget: number;
+        if (target === BufferTarget.ARRAY_BUFFER) {
+            glTarget = gl.ARRAY_BUFFER_BINDING;
+        }
+        else if (target === BufferTarget.ELEMENT_ARRAY_BUFFER) {
+            glTarget = gl.ELEMENT_ARRAY_BUFFER_BINDING;
+        }
+        else {
+            return undefined;
+        }
+        
+        const gls = (gl as any)._bg2_id_;
+        g_createdBuffers[gls] = g_createdBuffers[gls] || {};
+        const gl_buffer = gl.getParameter(glTarget) as WebGLBuffer & { _bg2e_id_: number };
+        const buffer = g_createdBuffers[gls]?.[gl_buffer?._bg2e_id_];
+        return buffer;
+    }
+
+    get id(): number | undefined {
+        return (this._buffer as any)?._bg2e_id_;
+    }
+
+    constructor(gl: WebGLRenderingContext) {
+        this._gl = gl;
+        this._buffer = gl.createBuffer();
+        
+        (gl as any)._bg2_id_ = (gl as any)._bg2_id_ ?? ++g_bg2e_id__;
+        (this._buffer as any)._bg2e_id_ = ++g_bg2e_id__;
+        
+        const gls = (gl as any)._bg2_id_;
+        g_createdBuffers[gls] = g_createdBuffers[gls] || {};
+        g_createdBuffers[gls][(this._buffer as any)._bg2e_id_] = this;
+
+        if (g_bufferTargetConversion.length === 0) {
+            g_bufferTargetConversion.push(gl.ARRAY_BUFFER);
+            g_bufferTargetConversion.push(gl.ELEMENT_ARRAY_BUFFER);
+        }
+
+        if (g_bufferUsageConversion.length === 0) {
+            g_bufferUsageConversion.push(gl.STATIC_DRAW);
+            g_bufferUsageConversion.push(gl.DYNAMIC_DRAW);
+            g_bufferUsageConversion.push(gl.STREAM_DRAW);
+        }
+    }
+
+    get buffer(): WebGLBuffer | null {
+        return this._buffer;
+    }
+
+    bind(target: BufferTarget): void {
+        if (this._buffer) {
+            this._gl.bindBuffer(g_bufferTargetConversion[target], this._buffer);
+        }
+    }
+
+    bufferData(target: BufferTarget, size: number, usage: BufferUsage): void;
+    bufferData(target: BufferTarget, data: ArrayBufferView | ArrayBuffer, usage: BufferUsage): void;
+    bufferData(
+        target: BufferTarget,
+        dataOrSize: ArrayBufferView | ArrayBuffer | number,
+        usage: BufferUsage
+    ): void {
+        this._gl.bufferData(
+            g_bufferTargetConversion[target], 
+            dataOrSize as any, 
+            g_bufferUsageConversion[usage]
+        );
+    }
+}