Rik Roots's Avatar

Rik Roots

@rikroots

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!

29
Followers
21
Following
57
Posts
18.08.2024
Joined
Posts Following

Latest posts by Rik Roots @rikroots

An example of the Akat logographic script

An example of the Akat logographic script

Ákat - a #conlang - uses a #logographic, 2D script where each root forms the core of a glyph and affixes occupy spatial zones. It mirrors the language’s #monocategorial design and cultural metaphors, binding #writing, grammar, and thought into a single, coherent visual system.

01.03.2026 11:29 👍 1 🔁 0 💬 0 📌 0
GitHub - KaliedaRik/sc-screen-recorder: A single html page to record a user's screen locally A single html page to record a user's screen locally - KaliedaRik/sc-screen-recorder

GitHub repo is here. MIT License. github.com/KaliedaRik/s...

Fork. Improve. Self-host.

Enjoy!

28.02.2026 08:42 👍 0 🔁 0 💬 0 📌 0
Video thumbnail

I built a #video #recording #studio: simple-to-use; multi-target compositing; talking heads; drawing on the canvas - all runs locally (no backend). Also: No strings + Free - I just wanted a easy-use studio & I like sharing stuff I'm proud of - #opensource kaliedarik.github.io/sc-screen-re...

28.02.2026 08:22 👍 4 🔁 0 💬 1 📌 0
Video thumbnail

#genuary - #genuary03 #genuary04 #genuary2026 prompt: Low-res Fibonacci (in spirit if not in fact) ... Given that I'm so far behind already and Fibonacci does nothing for me, a 2-in-1 combo artwork - CodePen link: codepen.io/kaliedarik/p...

05.01.2026 19:50 👍 3 🔁 1 💬 0 📌 0
Video thumbnail

#genuary - #genuary02 #genuary2026 prompt: Twelve principles of animation ... This challenge is not so fun when tackled with a head cold. I have some catching up to do. Oh, well - CodePen link: codepen.io/kaliedarik/p...

05.01.2026 07:26 👍 1 🔁 0 💬 0 📌 0
Video thumbnail

#genuary - #genuary01 #genuary2026 prompt: One color, one shape ... so yeah, I've committed to another month of creative madness. This first prompt had me chasing my tail for ideas, so in the end I went for arrows. CodePen link: codepen.io/kaliedarik/p...

01.01.2026 20:38 👍 3 🔁 0 💬 0 📌 0
Preview
Dithering pixelated images ...

I wanted to see what happens when we pixelate an image, reduce its palette then dither the result. This, apparently. Codepen code here: codepen.io/kaliedarik/p... #creativecoding #digitalart #computerart

29.11.2025 11:56 👍 2 🔁 0 💬 0 📌 0
Coveer image for "Seeking Constantine" by Rik Roots

Coveer image for "Seeking Constantine" by Rik Roots

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.

28.11.2025 17:31 👍 3 🔁 0 💬 0 📌 0
Preview
Release Scrawl-canvas v8.16.0 · KaliedaRik/Scrawl-canvas Breaking changes. The Color object factory has been completely rewritten, breaking out the color data extraction, conversion and color string creation functionality into a new helpers/color-engin...

A summer-ripened Scrawl-canvas v8.16.0 hauls itself into the limelight - github.com/KaliedaRik/S... #javascript #canvas #creative-coding etc

20.10.2025 20:44 👍 3 🔁 0 💬 0 📌 0
Video thumbnail

One more - this #graphic #poem is far more traditionally #concrete in form. Like a map. Really, the only graphical thing about it is the background.

22.06.2025 10:05 👍 1 🔁 0 💬 0 📌 0
Video thumbnail

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

22.06.2025 10:03 👍 0 🔁 0 💬 0 📌 0
Video thumbnail

I'm sure there's lots of people who have created #graphic #poems like this before. But now I've done it too. The world is not safe from me anymore!

22.06.2025 09:47 👍 0 🔁 0 💬 0 📌 0
Preview
shape() - CSS: Cascading Style Sheets | MDN The shape() CSS function is used to define a shape for the clip-path and offset-path properties. It combines an initial starting point with a series of shape commands that define the path of the shape...

So I'm struggling - this new #CSS shape() thing is basically an attempt to add relative values when defining a shape's parameters, but instead of adapting the existing path() thing to accept % values they instead introduce an entirely new syntax? I mean ... why? developer.mozilla.org/en-US/docs/W...

19.04.2025 13:22 👍 0 🔁 0 💬 0 📌 0
Video thumbnail

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!

16.03.2025 11:19 👍 1 🔁 0 💬 0 📌 0

I completed #genuary - never done that before. I'm not an artist or designer; I don't expect people to like or understand this past month's contributions from me. But it felt good to feel creative. And it's been great seeing other people's #genuary2025 efforts. So much to enjoy! Thank you all!!

31.01.2025 08:43 👍 2 🔁 0 💬 0 📌 0
Video thumbnail

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

31.01.2025 08:30 👍 3 🔁 1 💬 0 📌 0
Post image Post image Post image Post image

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

30.01.2025 07:00 👍 9 🔁 0 💬 0 📌 0
Video thumbnail

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

29.01.2025 06:36 👍 11 🔁 2 💬 0 📌 0
Video thumbnail

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

28.01.2025 07:29 👍 7 🔁 1 💬 0 📌 0
Video thumbnail

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

27.01.2025 07:24 👍 4 🔁 0 💬 0 📌 0
Video thumbnail

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

26.01.2025 11:50 👍 1 🔁 0 💬 0 📌 0
Video thumbnail

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

26.01.2025 08:47 👍 10 🔁 2 💬 0 📌 0
Post image Post image Post image

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

25.01.2025 08:42 👍 4 🔁 0 💬 0 📌 0
Video thumbnail

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

24.01.2025 07:49 👍 7 🔁 0 💬 1 📌 0
Post image

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

23.01.2025 07:26 👍 8 🔁 1 💬 0 📌 0
Video thumbnail

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

22.01.2025 07:57 👍 7 🔁 0 💬 0 📌 0

Oh nice! Those islands really jiggled as I scrolled up/down.

21.01.2025 08:26 👍 1 🔁 0 💬 0 📌 0
Video thumbnail

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

21.01.2025 08:19 👍 6 🔁 0 💬 0 📌 0
Video thumbnail

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

20.01.2025 08:14 👍 7 🔁 0 💬 1 📌 0
Post image

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!

19.01.2025 14:26 👍 1 🔁 0 💬 0 📌 0