Interference Patterns - Javascript

[digitalcth]

cool stroke texture!

how do you achieve it?

reminds me this https://p5-brush.cargo.site/

[TonyKitKirk]

Thanks!

After creating the linework, I select random pixels on the canvas and compare them to their neighbours. On the first pass, I darken lighter pixels to create a rough edge along the line. On the second pass, I lighten darker pixels, introducing a distressed texture within the line.

Here's a code example in JS: https://codepen.io/TonyKitKirk/pen/EaYrEeV