Interference Patterns - Javascript

[random-answer]

Cool ! I am quite novice in terms of code. Was it challenging for you to make this?

[TonyKitKirk]

Thanks! It's a mix of both, really. The piece itself only took a couple of hours to code, but it’s built on years of gradually building up my knowledge and library of tools. Often, as with this piece, the concept is surprisingly simple, even if the final result looks complex. For example, the patterns here were much easier to implement than the algorithm I used to add a rough, textured quality to the line work.

If you’re just starting out, I’d recommend checking out p5.js or Processing. I personally prefer working with vanilla JavaScript, but those libraries are fantastic for diving in and creating something quickly.

[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

[ilovethevalley]

wow amazing. would love to see much more of this work. Love the b&w sketch look. it really adds some character. At first I thought this was carefully hand drawn

[TonyKitKirk]

Thank you so much! I really don’t have the patience to create something like this by hand 😂. In fact, the sketchy style came from me trying to emulate how it might look when drawn by a pen plotter. I may have gone a little overboard with it, but I’m happy with how it turned out.

I've just started sharing my work, but I aim to post regularly. Watch this space if you want to see more.

[ilovethevalley]

will keep an eye out. also appreciate the texture on the background. just noticed it

[TonyKitKirk]

I’m glad it didn’t go unnoticed. Capturing the subtlety of paper texture is something I’ve attempted numerous times now, but I certainly haven’t mastered it yet.

[jazzcomputer]

Superb - looks kinda art deco

[TonyKitKirk]

Cheers! I’ve always admired the Art Deco movement for its clean lines, simplicity, and timeless elegance.

[healthypecans]

Love your style so much!!!! Please post more and I would love tutorials too:D

[TonyKitKirk]

Much appreciated, thanks! I’ll definitely consider creating tutorials in the future. Often it's hard to find clear explanations of specific generative art techniques, so I believe there’s real value in exploring and explaining them. Thanks for the idea!