Skip to content

Latest commit

 

History

History
72 lines (54 loc) · 1.89 KB

README.md

File metadata and controls

72 lines (54 loc) · 1.89 KB

ShaderViewer npm runkit

Preprocess and format the shader code.

Feature

  • Preprocess directives, #define, #if, #elif, #endif, #if defined ...
  • Remove unused function, struct...
  • Format

Chrome Extensions

Chrome Extensions.crx
This extension can automatically detect the shader of the current page, then preprocess and show it in the panel.

Online Demo

https://06wj.github.io/shaderViewer/demo/

Module Usage

  • import modules

    const compiler = require('shader-compiler').compiler;
    const shake = require('shader-compiler').shake;
    
  • set the options

    const options = {
        removeUnused: true,
        ignoreConstantError: true
    };
    
  • preprocess the code

    compiler.preprocess(code, function(error, result){  
    
    }, options);
    
  • parse: preprocess => shake => format => result

    compiler.parse(code, function(error, result){  
    
    }, options);
    
  • parseHighlight: preprocess => shake => format => hightlight => result

    compiler.parseHighlight(code, function(error, result){
    
    }, options);
    
  • shake the code( code must be preprocessed )

    shake.shake(code, {function:true, struct:true});
    

Dev

  • run npm install to install dependencies
  • run npm run dev to watch and develop
  • run npm run build to build

License

MIT License