Tracer
An interactive line-tracing demo. A small canvas thing I built to learn requestAnimationFrame.
stack: typescript, canvas, react
Tracer is a tiny interactive demo. A glowing point that leaves a fading trail wherever you move the mouse, with configurable speed and color. No game mechanics, just a satisfying thing to play with.
Why
I wrote it to learn requestAnimationFrame properly, get comfortable with the Canvas 2D context, and have something small to put on this site. The "demo" is the project. There's no deeper purpose.
How
Single file. An effect hook runs a render loop that:
- Reads pointer position
- Integrates velocity
- Fades the previous frame slightly
- Draws a new point at the current position
That's it. Under 100 lines.
Running it
Clone, bun install, bun run dev, navigate to the project page. The demo embed is in the works. For now it's source-only.