https://github.com/suboptimaleng/shader-tutorials
🎨 The code for my shader tutorials on YouTube.
https://github.com/suboptimaleng/shader-tutorials
glsl glsl-shaders graphics graphics-programming ray-marching raymarching shaders webgl
Last synced: 10 days ago
JSON representation
🎨 The code for my shader tutorials on YouTube.
- Host: GitHub
- URL: https://github.com/suboptimaleng/shader-tutorials
- Owner: SuboptimalEng
- License: mit
- Created: 2022-12-06T16:52:26.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-05T15:33:09.000Z (about 1 year ago)
- Last Synced: 2025-06-16T05:56:52.381Z (8 months ago)
- Topics: glsl, glsl-shaders, graphics, graphics-programming, ray-marching, raymarching, shaders, webgl
- Language: GLSL
- Homepage:
- Size: 7.52 MB
- Stars: 110
- Watchers: 3
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎨 Shader Tutorials
- This repo contains the code for my shader tutorials on YouTube
- Playlist with 10+ Videos: [YouTube](https://www.youtube.com/watch?v=7UvpTTEE1Hs&list=PLTJ_bWjv6i7xnDaPMrbx69zVu82sVails&pp=gAQB)
## Tutorials
### 0. Intro to Shaders

### 1. Phong Lighting

### 2. Circle SDF

### 3. Value Noise

### 4. Voronoi Noise

### 5. Perlin Noise

### 6. FBM, Domain Warping, Normals

### 7. Ray Marching

### 8. Checkerboard
- todo: add image
### 9. Gaussian Blur
- todo: add image
### 10. Piano
- todo: add image
## Helpful Resources
- Tutorials
- [Inigo Quilez's Articles](https://iquilezles.org/articles/)
- [Ronja's Shader Tutorials](https://ronja-tutorials.com/)
- [Catlike Coding's Unity Tutorials](https://catlikecoding.com/unity/tutorials/)
- [Patricio Vivo's The Book of Shaders](https://thebookofshaders.com/)
- [Michael Walczyk's Ray Marching Tutorial](https://michaelwalczyk.com/blog-ray-marching.html)
- YouTube Channels
- [Simon Dev](https://www.youtube.com/@simondev758)
- [Inigo Quilez](https://www.youtube.com/@InigoQuilez)
- [The Art of Code](https://www.youtube.com/@TheArtofCodeIsCool)
- Websites
- [Shadertoy](https://www.shadertoy.com/)