KeyDoodles banner

KeyDoodles

1 devlogs
5h 15m 29s

KeyDoodles transforms keystrokes and freehand sketches into living, kinetic doodles

Demo Repository

Loading README...

jayssarch

Shipped this project!

Hours: 5.26
Cookies: 🍪 30
Multiplier: 5.71 cookies/hr

I built a web-based creative project called KeyDoodles where key presses and drawing are transformed into graphical art instead of keyboard input. Each key press moves a dot on the canvas and creates smooth and fluid shapes in their wake, and there’s also an option for drawing using the mouse or touch input. During its development, I got to learn a whole lot about how to handle keyboard as well as touch input in an HTML canvas and organizing a frontend-centric project where new functionality does not interfere with existing ones.

jayssarch

KeyDoodles is a browser-based generative art platform I created. In this space, typing and freehand drawing produce smooth, flowing visuals in real time. Instead of showing text, every keystroke moves a physics-based cursor across a full-screen canvas, generating curves and shapes. I also added freehand and touch input, different visual modes and themes, mobile optimization, and a clean frontend-only design that operates completely in the browser without a backend.

Attachment
Attachment
Attachment
Attachment
Attachment
1

Comments

jayssarch
jayssarch 25 days ago

I will be working on the mobile version of this site soon.