Skip to content
An introduction to writing shaders on the web.
HTML JavaScript GLSL CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
my-shader
part-0
part-1
part-2
part-3
part-4
part-5
part-6
part-7
part-8
README.md
index.html
main.js
style.css
util.js

README.md

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.
You can’t perform that action at this time.