Pine Wood Texture Tutorial 🌲 | Generative SVG

In this creative coding tutorial we walk through of creating a procedural light wood texture in pure SVG. With the help of gradient mapping the Perlin noise output of the feTurbulence filter effect is turned into wood grains. The resulting SVG code is 256 bytes minified, and with the addition of the seed attribute it can be used to produce millions of variations. No JavaScript needed 🙂

Learn how to create organic images in computer graphics through simple SVG shaders!

0:00 Intro
0:15 SVG setup
1:20 Noise generation
2:09 Noise normalization
4:31 Thinking in gradients
6:36 Wood tones
9:30 Tuning frequencies
10:30 Noise types
11:11 Variations
12:11 Minification
12:45 Outro

Music:
Creative Commons Attribution-ShareAlike 3.0 Unported

[redactdead]

I don't know why I watched it but it was a very nice and easy to follow video.