Canvas Gravity Balls
Pet project for HTML Canvas and JavaScript—simulating gravity, bounce, and simple collisions across multiple balls.
Overview
This experiment uses Canvas 2D APIs to render and animate circles influenced by gravity with basic collision and bounce behavior. It focuses on animation loops, simple physics, and interaction.
Highlights
Physics
- Gravity and velocity integration
- Bounce with restitution (elasticity)
- Basic wall collision handling
Canvas Rendering
- Efficient clear + redraw loop
- Responsive canvas sizing
- Minimal draw calls
Interaction
- Mouse clicks to spawn balls
- Adjustable gravity/restitution (in code)
- Smooth motion via requestAnimationFrame
Footprint
- No dependencies
- Small, hackable codebase
- Great for learning Canvas + physics basics
Gallery
Other Projects
Payaza Web SDK
A JavaScript Web SDK that simplifies integrating Payaza checkout on web applications. Built as part of my role at Payaza Africa.
Canvas Infinity & Circle Mouse
Pet project exploring HTML Canvas and JavaScript animations—drawing an infinity curve and a circle following the mouse.
distkit
A Rust toolkit of distributed systems primitives backed by Redis. Strict and lax counters, instance-aware counters with automatic dead-instance cleanup, distributed locks (Mutex and RwLock), and sliding-window rate limiting.