An open API service indexing awesome lists of open source software.

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.

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/)