How does Babylon do: GLSL -> WebGL

Joe_Kerr · November 19, 2024, 12:11pm

Hi everyone,

I came across this:

Do you have a GLSL shader running inside a ShaderMaterial, but your engine is a WebGPUEngine? No problem. We will download a 2MB WASM compiler to transpile from GLSL to WGSL.

Is this exposed somewhere? If not, where can I find the function/workflow(?) in the repo?

Best wishes
Joe

Evgeni_Popov · November 19, 2024, 12:37pm

The translation from spirV to WGSL is done by the WebGPUTintWASM class:

github.com

BabylonJS/Babylon.js/blob/master/packages/dev/core/src/Engines/WebGPU/webgpuTintWASM.ts

import { Logger } from "core/Misc/logger";
import { Tools } from "../../Misc/tools";

/**
 * Options to load the associated Twgsl library
 */
export interface TwgslOptions {
    /**
     * Defines an existing instance of Twgsl (useful in modules who do not access the global instance).
     */
    twgsl?: any;
    /**
     * Defines the URL of the twgsl JS File.
     */
    jsPath?: string;
    /**
     * Defines the URL of the twgsl WASM File.
     */
    wasmPath?: string;
}

This file has been truncated. show original

And the translation from GLSL to spirV is done by glsLang:

github.com

BabylonJS/Babylon.js/blob/master/packages/dev/core/src/Engines/webgpuEngine.ts#L1923-L1925


      
          private _compileRawShaderToSpirV(source: string, type: string): Uint32Array {

              return this._glslang.compileGLSL(source, type);

          }

Joe_Kerr · November 19, 2024, 5:17pm

Thank you

Topic		Replies	Views
Can I use the TintWASM library in the Babylon.js repository? Questions webgpu	10	1649	November 2, 2021
WebGPU and shaderc.wasm Questions	2	656	February 16, 2020
WebGPU loads significantly slower Feature requests	9	381	April 11, 2024
Convert GLSL to WGSL Questions material , shader , wgsl , glsl	3	1543	May 14, 2023
Minimal WebGPU ShaderMaterial Questions	6	436	November 22, 2023

How does Babylon do: GLSL -> WebGL

Related topics