a JSON-based shader graph builder for WebGL
A JSON-based shader graph builder for WebGL.
Note: the library is still in early development -- apologies for the lack of clarity.
The general usages is as follows:
var builder = new ShaderBuilder; var material = /* JSON object */; var asset = builder.build(material); var vs = asset.vertexShader; // Contains the vertex shader as a string var fs = asset.fragmentShader; // Contains the fragment shader as a string var params = asset.activation; // Contains the key-pairs for setting the shader // uniforms
The basic architecture is as follows:
- An object is assigned a
- A Material is a shader graph along with it's assigned parameters
- Parameters may consist of explicit values, computed values, or context variables
- The graph is composed of
Nodeobjects which encapsulate a single "function" within the graph
Internally, the system (1) caches shared graphs - i.e. Materials that share the same graph and differ only by parameter, (2) supports explicitly named Materials as well as anonymous derived Materials that vary only by overrides.
Creates an anonymous Material from a named Material.
Ensures equivalent graphs are reused when only the input parameters, not the underlying code, vary -- thus allowing program reuse.
As a domain-specific language, the ShaderBuilder supports implicit conversions that make sense in the context of a graphical shading language. An obvious convenience conversion would be from RGB to RGBA.
Full list of conversions TBD.
- Other targets (GLSL, C++ ray-tracer lambdas, etc.)