The whole "Window" collection is now minted out. Here's a bit of background process.
First off, I gave myself the constraint of only using the Canvas API. No WebGL, shader or image texture. @nodes_io was the perfect companion to bring it from prototype to final state.
1/7
👇
The whole graph is pretty succinct so let's see how it is structured.
2/7
A "Portal" logic is used to reduce #blueprintsfromhell spaghetti: it allows me to send data from 1 point of the graph to N others without dragging lines all over. Here, it sends the config computed from @fx_hash_ features to the nodes taking care of geometry and drawing.
3/7
Each palette is just one template node with color ports. The port preview is a nice way to visualise all of them at once. Their definition follows @kGolid 's logic of background/stroke/N colors from their personal collection (Chromotome).
More here:
4/7
After subdividing the base grid from fxhash config and seed, the quads are filtered according to few criteria: horizontal vs vertical, area... A few "array.forEachLoop" nodes (similar to a Houdini for-each) will then loop the quads and fill them with the different patterns.
5/7
Once the grid is filled up, a final pass ties everything together by mixing in a bit of dithering.
6/7
A note on inspiration to conclude: seeing the greats of #generativeart, namely @manfredemohr and @CarlCanary, at the @GazelliArtHouse 's two weeks ago definitely helped to put the finishing touches.
Thank you everyone who shared and collected: fxhash.xyz/generative/slu…
🧑🎨
7/7
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.