shader-tutorial icon indicating copy to clipboard operation
shader-tutorial copied to clipboard

An introduction to writing shaders on the web.

Shaders

This is a tutorial about graphics programming with WebGL. It's really just a website with a bunch of WebGL programs in it. You can press p to toggle presentation mode.

http://www.jonasluebbers.com/shader-tutorial/

To follow along with the tutorial, do this:

  1. Download this repository.
  2. Open it in the terminal program of your choice.
  3. Navigate to the root of the repository.
  4. If you're using Python 2, run python -m SimpleHTTPServer 8000.
  5. If you're using Python 3, run python -m http.server 8000.
  6. Open your browser and go to localhost:8000/my-shader.
  7. You can make changes in the /my-shader directory as you follow along with each part of the tutorial.