30-days-of-shade
30-days-of-shade copied to clipboard
30 days of shaders in GLSL using GLSLCanvas
30 Days of Shade
An interactive demo of my 30 days of shaders in GLSL using GLSLCanvas. Yes, I know there are 31 days in January =)
Watch and Edit Here
- All the shaders: /assets/shaders
- All the videos: /assets/videos
Resources to Learn From
- the book of shaders
- iq articles
- alan zucconi tutorials
- ronja's tutorials
- minion's art gif tutorials
- adam ferriss p5js examples
Shader Tools
Math Tools
- Math as Code
- Desmos Graphic Calculator
- Quick Guide for Desmos Calculator
- Shader Shop by Tobyschachman
- iq Graph Toy
Idea Generation
Just For Fun
- [cpu vs gpu] (https://www.youtube.com/watch?time_continue=27&v=-P28LKWTzrI)
Recording your own shaders
I use a combination of FFMPEG and glslViewer in order to create my looping videos for both instagram and twitter. A sequence of images is created with glslViewer and then turned into a video using FFMPEG. To make things even easier I created a very basic shell script to automate all of this. Here it is!
Usage: record.sh fileName duractionInSeconds folderName Example: record.sh exampleFile.frag 5 exampleFolder