Скачать или смотреть Dalmatian Spots Texture Tutorial 🐶 | Generative SVG

In this creative coding tutorial we walk through of creating a procedural Dalmatian spots texture in pure SVG. The key idea is applying a step-function on the output of feTurbulence so spots can be extracted from Perlin noise. The resulting SVG code is 346 bytes minified, and with the help of the seed attribute even unique patterns for a 101 Dalmatians can be generated. No JavaScript needed 🙂

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

Source code: https://codepen.io/finnhvman/pen/ExgMZgR

0:00 Intro
0:17 SVG setup
1:19 Noise generation
2:16 Alpha to grayscale
3:58 Grayscale to black and white
6:56 Fine-tuning parameters
9:28 Variations
10:14 Minification
10:49 Outro

Coding is hard, buy me a coffee: https://www.buymeacoffee.com/finnhvman

Music:
Midnight Stroll by Ghostrifter Official |   / ghostrifter-official  
Music promoted by https://www.free-stock-music.com
Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
https://creativecommons.org/licenses/...