reprage

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.