Canvas Random Floating Circle
Lightweight Canvas animation where circles float randomly across the screen with gentle drift and easing.
Overview
This experiment uses Canvas 2D APIs to draw circles that drift around the viewport with simple easing and random direction changes. It focuses on animation loops, randomness, and smooth motion.
Highlights
Canvas Rendering
- 2D context drawing (arcs, fills)
- Clear + redraw per frame
- Responsive canvas sizing
Randomized Motion
- Random velocities and drift
- Occasional direction changes
- Gentle easing for a calm effect
Animation Loop
- requestAnimationFrame
- Time-based updates
- Lightweight state
Code Footprint
- Minimal JS
- No dependencies
- Easy to tweak
Gallery
Other Projects
distkit
Distributed systems primitives for Rust. Strict and lax counters, instance-aware counters with automatic dead-instance cleanup, and sliding-window rate limiting, all backed by Redis.
Trypema Rate Limiter
High-performance Rust rate limiting primitives with local, Redis-backed, and hybrid providers, atomic Redis enforcement, and absolute/suppressed strategies.
Canvas Infinity & Circle Mouse
Pet project exploring HTML Canvas and JavaScript animations—drawing an infinity curve and a circle following the mouse.