Country flags and currency package
Lightweight TypeScript library for country flags, capitals, dial codes, currencies, and simple location distance utilities.
TypeScriptLibraryNPM
May 10, 2024 - David Oyinbo
Canvas Random Floating Circle
Lightweight Canvas animation where circles float randomly across the screen with gentle drift and easing.
JavaScriptHTML CanvasAnimationPet Project
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
Canvas Infinity & Circle Mouse
Pet project exploring HTML Canvas and JavaScript animations, drawing an infinity curve and a circle following the mouse.
JavaScriptHTML CanvasAnimation
Canvas Gravity Balls
Pet project simulating bouncing balls with gravity, collisions, and elasticity on HTML Canvas.
JavaScriptHTML CanvasPhysics