Published
Below is a procedural snowman. I'm using a little code to create Christmas
cards again this year, and as before I wanted each to be unique! If you received
a card from me, you may see something like ?seed=1234567890 in the URL bar.
That will be the random seed which generated your snowflake (and it's yours to
keep). To see a random snowflake, remove everything after the question mark and
hit enter. Refresh the page to see a fresh random snowman…
Published
Below is a procedural snowflake. I'm using a little code to create Christmas
cards this year, and I wanted each to be unique! If you received a card from me,
you may see something like ?seed=1234567890 in the URL bar. That will be the
random seed which generated your snowflake (and it's yours to keep). To see a
random snowflake, remove everything after the question mark and hit enter.
Refresh the page to see a fresh random snowflake…
Published
A generative patchwork of pastel colours. The colours begin with a randomly picked colour in LCH. Other colours are hue rotations in LCH space so that they're perceptually nice together. Feature detection is used to render using LCH colours when the browser supports them (Safari only at the time of writing), or to pick a close colour in RGB space when LCH is not supported (the code for this is based on code in d3-color). Refreshing generates a new patchwork…
Published
Based on the last experiment, this one uses hexagonal grids rather than triangular ones. The way the SVG is constructed isn't pretty (a mish-mash of paths) but it gets the job done. I've given the two grids red and blue lines and a black background to make the moiré pattern stand out…
Published
This experiment was inspired by field of twistronics, the study of the intersesting properties of misaligned graphene sheets. The misalignment produces a moiré pattern which echoes the underlying structure. I'm too lazy to do hexagonal grids in an afternoon of tinkering so I used triangular grids instead…
Published
An experiment into generating SVG circles which don't overlap. It was timeboxed to an hour, so it's a little rough around the edges (but I think that adds to its charm)…
Published
It's been a while since my last maths heavy article. I enjoy writing these but struggle to find the time to write many…
Published
The graphic below is generated randomly and rendered as an SVG. Occasionally it glitches, but that's all part of the fun! It was inspired by a graphic seen in Charlotte Dann's ffconf 2019 talk at about 6:25 in. See the next post for a description of the maths I used to do this…