Rik Roots

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

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.

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

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!

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

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!

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

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

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

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

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

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

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

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

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

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

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

Trees whipping in the wind ...?

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

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

#genuary - #genuary14 prompt: Pure black and white - no gray. This is more about pushing my canvas library to do things I've never made it do before. I think the results are more fun before the filter gets applied. CodePen here: codepen.io/kaliedarik/f...

#genuary - #genuary13 prompt: Triangles and nothing else. For this one I decided to play with my library's particle system. Fire and Ice, etc. I'm not sure what the yellow things are, but I kinda like them! Pen with code on CodePen here: codepen.io/kaliedarik/f...