Brutkey

blinry
@blinry@chaos.social

#genuary Day 15: "Create an invisible object where only the shadows can be seen"

#genuary2026 #genuary15 #p5js

blinry
@blinry@chaos.social

#genuary Day 16: "Order and disorder"

#genuary2026 #genuary16 #p5js

blinry
@blinry@chaos.social

#genuary Day 17: "Wallpaper group"

These are a family of symmetry groups, and I'd love to learn all about them!! https://en.wikipedia.org/wiki/Wallpaper_group

I tried to implement the p3 group, but something glitched out. However, these imperfections are adding a really nice quality to the result, so I decided to just leave it like that. :)

#genuary2026 #genuary17 #tic80

blinry
@blinry@chaos.social

#genuary Day 18: "Unexpected path. Draw a route that changes direction based on one very simple rule."

Here's a particle that's attracted by other particles, following Coulomb's law.

Based on the trouble I had implementing this I'd say that this is maybe not a very simple rule. :P

#genuary2026 #genuary18 #p5js

blinry
@blinry@chaos.social

#genuary Day 19: "16x16"

Made a little display using 16x16 characters, inspired by Alex' wonderful blog post about ASCII rendering: https://alexharri.com/blog/ascii-rendering

#genuary2026 #genuary19

blinry
@blinry@chaos.social

#genuary Day 20: "One line. An artwork that is made of a single line only."

Hilbert's cat! 🐈🐈

#genuary2026 #genuary20 #p5js

A Hilbert curve, but it sometimes doesn't recurse all the way down, leaving more of the background visible. That way, it looks like the outline of a black cat.
blinry
@blinry@chaos.social

As a bonus, here's "Bad Apple", rendered as a multi-resolution Hilbert curve.

Thanks to @janamarie@mystical.garden for the idea!

#genuary

blinry
@blinry@chaos.social

#genuary Day 21: "Bauhaus Poster"

Made this generator just with HTML/CSS/JS.

#genuary2026 #genuary21

All images show posters containing simple colorful geometric shapes and the words "Bauhaus, Juli-Sept 1923, Weimar"
blinry
@blinry@chaos.social

#genuary Day 22: "Pen plotter ready."

Another experiment with a space filling curve – this is based on the so-called Gosper curve.

Big thanks to @bleeptrack@vis.social for drawing the SVG on a real pen plotter! <3 See the next toots for some videos!

#genuary2026 #genuary22

A white hand is holding a square piece of paper – it shows a space-filling curve that looks a bit like the outlines of clouds. It gets more dense towards the center, and that way, clearly shows the shape of Fairy Dust, the mascot rocket of the CCC.
blinry
@blinry@chaos.social

Here's the last seconds of the curve being drawn! #genuary

blinry
@blinry@chaos.social

And here's a video of the finished drawing, showing some details.

The less tangled parts of the curve look a lot like clouds to me – that was totally a happy accident that I decided to keep! :D #genuary

blinry
@blinry@chaos.social

#genuary Day 23: "Transparency"

Did someone lose their marbles?

Arranged the scene with Blender's Geometry Nodes. <3

#genuary2026 #genuary23 #blender3d

A 3D rendered scene showing many colorful glass spheres on a white plane. Some look more rough, some look more glossy.
blinry
@blinry@chaos.social

#Genuary Day 24: "Perfectionist's nightmare"

Sorry.

#genuary2026 #genuary24 #p5js

A line that draws a white circle on black background. On the bottom right, it it is not quite closed; instead, one end is offset to the beginning a bit.
blinry
@blinry@chaos.social

#Genuary Day 25: "Organic Geometry"

Not sure what these are? But it's nice to watch them grow.

#genuary2026 #genuary25 #p5js

blinry
@blinry@chaos.social

#Genuary Day 26: "Recursive Grids. Split the canvas into a grid of some kind and recurse on each cell again and again."

Learned about rep-tiles today – shapes that can be tiled with smaller versions of themselves!

So here's a recursive L-shape. Depending on how you shade them, you get some nice fractals!

#genuary2026 #genuary26 #p5js

blinry
@blinry@chaos.social

#Genuary Day 27: "Lifeform"

Wrote a little swarm algorithm! It works like this:

1. Walk in a random direction.

2. Follow another bug if it's:

- in front of you
- not too far away
- moving away from you

3. Avoid the walls.

🐜🐜🐜🐜🐜🐜🐜🐜🐜🐜🐜🐜🐜🐜🐜🐜

#genuary2026 #genuary27 #p5js

blinry
@blinry@chaos.social

#Genuary Day 28: "No libraries, no canvas, only HTML elements."

Used a technique I learned from @rebane2001@infosec.exchange in her awesome #39c3 talk "CSS Clicker Training", and made a light switch!

No Javascript, not even a <style> tag! The trick is a <details> tag + lots of inline styles.

#genuary2026 #genuary28 #css