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!
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 - #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 - #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 - #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...
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 - #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...