Rik Roots
@rikroots.bsky.social
Coder. Poet. Occasional Human. Responsible for the Scrawl-canvas JS library - responsive, interactive and more accessible HTML5 canvas elements.
I'm here mainly for the cute cat memes!
I'm here mainly for the cute cat memes!
Another day, another self-published chapbook thing from me to the world. Enjoy! rikverse2020.rikweb.org.uk/book/seeking... (also: it's free to download and read). #poetry #cavafy #translation and lots of other tags I can't remember.
November 28, 2025 at 5:31 PM
Another day, another self-published chapbook thing from me to the world. Enjoy! rikverse2020.rikweb.org.uk/book/seeking... (also: it's free to download and read). #poetry #cavafy #translation and lots of other tags I can't remember.
This #graphic #poem thing is a bit more #conceptual. I'm not convinced I like "conceptual" - I'm happier with words and phrases and stuff. But you don't get anywhere by hiding under your own comfort blanket ...
June 22, 2025 at 10:03 AM
This #graphic #poem thing is a bit more #conceptual. I'm not convinced I like "conceptual" - I'm happier with words and phrases and stuff. But you don't get anywhere by hiding under your own comfort blanket ...
Looking for suggestions for more creative coders to follow here. Made the mistake of following some influencers when signing up and now my feed is full of politics. My eyes beg for astonishments! Also: pixel manipulation is fun!
March 16, 2025 at 11:19 AM
Looking for suggestions for more creative coders to follow here. Made the mistake of following some influencers when signing up and now my feed is full of politics. My eyes beg for astonishments! Also: pixel manipulation is fun!
#genuary - #genuary31 prompt: Pixel sorting ... or not. Instead, a reduced-palette dither effect. The screencapture must've done it's own palette reduction too cuz it's very different from the original - available for playing with on CodePen here codepen.io/kaliedarik/f...
January 31, 2025 at 8:30 AM
#genuary - #genuary31 prompt: Pixel sorting ... or not. Instead, a reduced-palette dither effect. The screencapture must've done it's own palette reduction too cuz it's very different from the original - available for playing with on CodePen here codepen.io/kaliedarik/f...
#genuary - #genuary30 prompt: Abstract map. I love maps! I love their simple complexities. I love the fact that I struggle to read them. These maps need a lot more work before I love them. CodePen here: codepen.io/kaliedarik/f...
January 30, 2025 at 7:00 AM
#genuary - #genuary30 prompt: Abstract map. I love maps! I love their simple complexities. I love the fact that I struggle to read them. These maps need a lot more work before I love them. CodePen here: codepen.io/kaliedarik/f...
#genuary - #genuary29 prompt: Grid-based graphic design. I'm not a designer. This is my brain when told to #design something. All power to the Designers! Code can be recovered from this CodePen: codepen.io/kaliedarik/f...
January 29, 2025 at 6:36 AM
#genuary - #genuary29 prompt: Grid-based graphic design. I'm not a designer. This is my brain when told to #design something. All power to the Designers! Code can be recovered from this CodePen: codepen.io/kaliedarik/f...
#genuary - #genuary28 prompt: Infinite Scroll. I wanted to create a natural infinite scroll so I built a waterfall. Making it look (vaguely) like a 20th century pixellated game scene gives me warm retro vibes. Code on CodePen here codepen.io/kaliedarik/f...
January 28, 2025 at 7:29 AM
#genuary - #genuary28 prompt: Infinite Scroll. I wanted to create a natural infinite scroll so I built a waterfall. Making it look (vaguely) like a 20th century pixellated game scene gives me warm retro vibes. Code on CodePen here codepen.io/kaliedarik/f...
#genuary - #genuary27 prompt: Make something interesting with no randomness or noise or trig. I chose to visualise FizzBuzzBang. All very boring until I turned pixels into hairs and animated them. Making the numbers bigger made my device cry less. For code, see CodePen: codepen.io/kaliedarik/p...
January 27, 2025 at 7:24 AM
#genuary - #genuary27 prompt: Make something interesting with no randomness or noise or trig. I chose to visualise FizzBuzzBang. All very boring until I turned pixels into hairs and animated them. Making the numbers bigger made my device cry less. For code, see CodePen: codepen.io/kaliedarik/p...
Gathering ideas for #genuary Day 29 (Grid-based graphic design) and came across reference to Mueller-Brockmann's famous Beethoven poster. A few years back I did a CodePen inspired by this work! Link to the Pen here: codepen.io/kaliedarik/f...
January 26, 2025 at 11:51 AM
Gathering ideas for #genuary Day 29 (Grid-based graphic design) and came across reference to Mueller-Brockmann's famous Beethoven poster. A few years back I did a CodePen inspired by this work! Link to the Pen here: codepen.io/kaliedarik/f...
#genuary - #genuary26 prompt: Symmetry. When someone says "symmetry" I always think "snowflakes!". I'm quite happy with how this one turned out. Code can be played with on CodePen - codepen.io/kaliedarik/f...
January 26, 2025 at 8:47 AM
#genuary - #genuary26 prompt: Symmetry. When someone says "symmetry" I always think "snowflakes!". I'm quite happy with how this one turned out. Code can be played with on CodePen - codepen.io/kaliedarik/f...
#genuary - #genuary25 prompt: One line that may or may not intersect itself. An idea for a random pathfinding line didn't work out. So in the end I went for knitting. The animation is achieved using a "marching ants" line-dash offset. CodePen showing animation here: codepen.io/kaliedarik/f...
January 25, 2025 at 8:42 AM
#genuary - #genuary25 prompt: One line that may or may not intersect itself. An idea for a random pathfinding line didn't work out. So in the end I went for knitting. The animation is achieved using a "marching ants" line-dash offset. CodePen showing animation here: codepen.io/kaliedarik/f...
#genuary - #genuary24 prompt: Geometric art - pick either a circle, rectangle, or triangle... I've already done triangles and rectangles, which leaves circles as my only option. I found myself thinking of black holes, which Genuary has become for me. CodePen here for code: codepen.io/kaliedarik/f...
January 24, 2025 at 7:49 AM
#genuary - #genuary24 prompt: Geometric art - pick either a circle, rectangle, or triangle... I've already done triangles and rectangles, which leaves circles as my only option. I found myself thinking of black holes, which Genuary has become for me. CodePen here for code: codepen.io/kaliedarik/f...
#genuary - #genuary23 prompt: Inspired by brutalism. Brutalism ... doesn't inspire me. Noise - on the other hand - is fun! So a set of noise-based patterns rendered in a nice concrete-gray gradient. Code in the Pen here: codepen.io/kaliedarik/f...
January 23, 2025 at 7:26 AM
#genuary - #genuary23 prompt: Inspired by brutalism. Brutalism ... doesn't inspire me. Noise - on the other hand - is fun! So a set of noise-based patterns rendered in a nice concrete-gray gradient. Code in the Pen here: codepen.io/kaliedarik/f...
#genuary - #genuary22 prompt: Gradients only. I like gradients, especially when applied to noise. I also like stacks of owls. Or are they cats? Code can be found in CodePen here: codepen.io/kaliedarik/f...
January 22, 2025 at 7:57 AM
#genuary - #genuary22 prompt: Gradients only. I like gradients, especially when applied to noise. I also like stacks of owls. Or are they cats? Code can be found in CodePen here: codepen.io/kaliedarik/f...
#genuary - #genuary21 prompt: Create a collision detection system. I don't care for collisions. It's forces and springs all the way down for me! Also: I find playing with the results very satisfying - a nice time waster. Feel free to play with this CodePen: codepen.io/kaliedarik/f...
January 21, 2025 at 8:19 AM
#genuary - #genuary21 prompt: Create a collision detection system. I don't care for collisions. It's forces and springs all the way down for me! Also: I find playing with the results very satisfying - a nice time waster. Feel free to play with this CodePen: codepen.io/kaliedarik/f...
#genuary - #genuary20 prompt: Generative Architecture. When I think of Architecture, I think of blueprints. I'm sure generative architecture will help us design better windmills - one day. CodePen with the code here: codepen.io/kaliedarik/f...
January 20, 2025 at 8:14 AM
#genuary - #genuary20 prompt: Generative Architecture. When I think of Architecture, I think of blueprints. I'm sure generative architecture will help us design better windmills - one day. CodePen with the code here: codepen.io/kaliedarik/f...
Of course, things go wrong. My canvas library doesn't use Fancy Things - like WebGL or WebGPU or WASM or even web workers - so everything the browser can't magically "hand off somewhere" gets done in the CPU, which can lead to disaster. Which turn out to be very pretty Art in their own right!
January 19, 2025 at 2:26 PM
Of course, things go wrong. My canvas library doesn't use Fancy Things - like WebGL or WebGPU or WASM or even web workers - so everything the browser can't magically "hand off somewhere" gets done in the CPU, which can lead to disaster. Which turn out to be very pretty Art in their own right!
So I'm mucking around on a Sunday trying to figure out what I can do for some of the upcoming #genuary challenges and I have an idea for one of them which involves using a "grid" to deform images and this isn't the demo but gives me great satisfaction to waste time playing with it ...
January 19, 2025 at 2:21 PM
So I'm mucking around on a Sunday trying to figure out what I can do for some of the upcoming #genuary challenges and I have an idea for one of them which involves using a "grid" to deform images and this isn't the demo but gives me great satisfaction to waste time playing with it ...
#genuary - #genuary19 prompt: Op Art. Yeah ... it's not "Op". It's barely "Art" - but it feels kinda funky and retro and I'm glad I created it. CodePen for the inquisitive: codepen.io/kaliedarik/f...
January 19, 2025 at 8:15 AM
#genuary - #genuary19 prompt: Op Art. Yeah ... it's not "Op". It's barely "Art" - but it feels kinda funky and retro and I'm glad I created it. CodePen for the inquisitive: codepen.io/kaliedarik/f...
#genuary - #genuary18 prompt: What does wind look like? I've no idea what wind looks like! Desparation being the mother of inspiration, I've ended up with something a million miles away from my original intentions. CodePen for the generator code here: codepen.io/kaliedarik/f...
January 18, 2025 at 7:20 AM
#genuary - #genuary18 prompt: What does wind look like? I've no idea what wind looks like! Desparation being the mother of inspiration, I've ended up with something a million miles away from my original intentions. CodePen for the generator code here: codepen.io/kaliedarik/f...
#genuary - #genuary17 prompt: What happens if pi=4? There's a tiny bug in my library code around measuring line spiral dimensions. It needs fixing, but in the meantime I can use it to make art. The CodePen (as usual) is much better than the video - codepen.io/kaliedarik/f...
January 17, 2025 at 7:43 AM
#genuary - #genuary17 prompt: What happens if pi=4? There's a tiny bug in my library code around measuring line spiral dimensions. It needs fixing, but in the meantime I can use it to make art. The CodePen (as usual) is much better than the video - codepen.io/kaliedarik/f...
#genuary - #genuary16 prompt: Generative palette. I went with particles changing colours when they bump into buffers. The results (vaguely) remind me of particle trace photos that only scientists can interpret. CodePen here for the curious: codepen.io/kaliedarik/f...
January 16, 2025 at 7:31 AM
#genuary - #genuary16 prompt: Generative palette. I went with particles changing colours when they bump into buffers. The results (vaguely) remind me of particle trace photos that only scientists can interpret. CodePen here for the curious: codepen.io/kaliedarik/f...
#genuary - #genuary15 prompt: Design a rug. I'm not sure where I'm going with this one, apart from being over-literal. The effect is ... interesting? Adding the animation - I'm not convinced. CodePen here: codepen.io/kaliedarik/f...
January 14, 2025 at 8:47 PM
#genuary - #genuary15 prompt: Design a rug. I'm not sure where I'm going with this one, apart from being over-literal. The effect is ... interesting? Adding the animation - I'm not convinced. CodePen here: codepen.io/kaliedarik/f...