glslify-live-demo

(click for a screencast example)

This is an example project for using glslify-live.

1. git clone https://github.com/mattdesl/glslify-live-demo.git
2. cd glslify-live-demo
3. npm install the dependencies
4. Then npm start to run the dev server

Open localhost:9966 in your browser and start making changes to the files in the shaders/ folder.

If you are on windows, you may need to manually run the two processes as separate processes:

#dev server 
npm run dev
 
#glslify-live server 
npm run live

how to

To do this on your own Browserify projects, you need to install some local tools:

npm install glslify glslify-live --save-dev

And add some scripts to your package.json:

  "scripts": {
    "bundle": "browserify index.js -t glslify-live -t glslify > bundle.js",
    "live": "glslify-live"
  }

Could be used with wzrd, beefy, gulp, grunt, etc.

limitations

This is in early stages and fairly experimental. You might sometimes need to re-run the process (syntax errors can crash the server). And glslify does not yet provide the best debugging experience.

License

MIT, see LICENSE.md for details.