Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

06wj/shaderViewer

Open more actions menu

Repository files navigation

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

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  
Morty Proxy This is a proxified and sanitized view of the page, visit original site.