Speaking of George Francis in the previous post: in the latest episode of HTTP 203 Jake talks Surma through recreating these Houdini-powered “Fleck Patterns” George created before.
Generative Houdini Stuff! ✨
— George Francis (@georgedoescode) June 9, 2021
Create always-unique, responsive, “fleck” patterns — all without leaving your CSS 🎨
Pass in a seed value, up to 8 colors of your choice, and a couple of config variables — the worklet will do the rest! 🪄
CodePen // https://t.co/TprzCaPf64 pic.twitter.com/Yu5f48rZak
Jake first takes a naive approach, and then polishes the result until he gets a version that plays nice with resizing.
You can see the final result here.
Note to self: I should probably implement some of these adjustments in css-houdini-voronoi 😅