BSDF-Visualizer icon indicating copy to clipboard operation
BSDF-Visualizer copied to clipboard

Project for scientific visualization

trafficstars

BSDF-Visualizer

Screenshot

System Requirements

  • WebGL 2 required.
  • Windows / Mac: Chrome recommended.
  • Linux: Firefox is recommended (see below).
  • For Firefox: about:config > set dom.moduleScripts.enabled to true

Demo

  • Available LIVE here: https://natevm.github.io/BSDF-Visualizer/

Hacking

See our documentation wiki.

Using Glslify with shaders

Glslify is quite handy and I am currently using it for our heatmap. Our glslify-enabled shaders are in Shaders/glslify_raw. In order to work with these shaders:

  1. Make sure glslify is set up correctly
  2. npm install -g glslify to install the CLI command.
  3. npm install to install local glslify dependencies
  4. Edit the shader in Shaders/glslify_raw.
  5. Run preprocess_glslify_shaders.py. This will generate (inlined) shaders and place them under Shaders/glslify_processed. :warning: Do not edit the shaders under glslify_processed. They will get overwritten by preprocess_glslify_shaders.py