Inspired by theatre curtains, a javascript algorithm draws a line from the left edge of the picture towards the top of the frame. Each segment in this line has a fixed height offset and a random width offset.
When the algorithm reaches the top of the frame, it starts a new line and works down toward the right edge of the image. Each segment in this second line has a random height offset and a fixed width offset.
Initially written in TypeScript and transpiled into 128.48KB of JavaScript, it uses the Immutable-js library for persistent data structures and is rendered with the canvas API in your web browser.
Embark on a Monastic Engineering Journey.
Dive into a world of curiosities delivered sporadically to your inbox—no spam, just intriguing snippets from the studio. Still using an RSS reader? Connect it here. Unsubscribe anytime with just one click, but why step away from the threshold of engineering bliss?
Hi! Subconsciously you already know this, but let's make it obvious. Hopefully this article was helpful. You might also find yourself following a link to Amazon to learn more about parts or equipment. If you end up placing an order, I make a couple of dollarydoos. We aren't talking a rapper lifestyle of supercars and yachts, but it does help pay for the stuff you see here. So to everyone that supports this place - thank you.
You can use the Linktree to find me around the web.
Copyright Ⓒ Clinton Freeman, 2024.
Comments
Nothing yet. Say the first thing.
Sign in to join the conversation.