glsl-transpiler

Usage

importGLSLfrom'glsl-transpiler'varcompile=GLSL({uniform:function(name){return`uniforms.${name}`},attribute:function(name){return`attributes.${name}`}})compile(`precision mediump floatattribute vec2 uvattribute vec4 colorvarying vec4 fColoruniform vec2 uScreenSizevoid main (void) {fColor = colorvec2 position = vec2(uv.x, -uv.y) * 1.0position.x *= uScreenSize.y / uScreenSize.xgl_Position = vec4(position, 0, 1)}`)// result:`var uv = attributes.uvvar color = attributes.colorvar fColor = new Float32Array([0, 0, 0, 0])var uScreenSize = uniforms.uScreenSizefunction main () {fColor = colorvar position = new Float32Array([uv[0], -uv[1]])position[0] *= uScreenSize[1] / uScreenSize[0]gl_Position = new Float32Array([position[0], position[1], 0, 1])}`

API

glsl-transpiler

importGLSLfrom'glsl-transpiler'letcompile=GLSL({// Enable expressions optimizations.optimize:true,// Apply preprocessing. Pass custom preprocessor function `(srcString) => resultString;` to set own preprocessing.preprocess:true,// A function replacing each uniform declaration. Eg: ``(name, node) => `uniforms["${name}"]`;`` will render each uniform declaration as `var <name> = uniforms["<name>"]`.uniform:false,// Same as `uniform`, but for attribute declarations.attribute:false,// Same as `uniform`, but for varying declarations.varying:false,// GLSL shader version, one of `'300 es'` or `'100 es'`.version:'100 es',// Append stdlib includes for the result. Can be bool or an object with defined stdlib functions to include, eg. `{normalize: false, min: false}`.includes:true,// Enable debugging facilities: `print(anything)` will log to console a string of transpiled code with it’s type separated by colon, `show(anything)` will print the rendered descriptor of passed fragment of code. Note also that you can safely use `console.log(value)` to debug shader runtime.debug:false})//compile source codeletresult=compile('...source.glsl')//get collected infolet{attributes,uniforms,varyings,structs,functions,scopes}=compile.compiler//clean collected infocompiler.reset()

glsl-transpiler/stream

importcompilefrom'glsl-transpiler/stream.js'importparsefrom'glsl-parser/stream.js'importtokenizefrom'glsl-tokenizer/stream.js'fs.createReadStream('./source.glsl').pipe(tokenize()).pipe(parse()).pipe(compile(options?)).once('end',function(){//this.source contains the actual version of the compiled code//and gets updated on each input chunk of data.console.log(this.source)})

Dependencies

Used by

Similar