May 12, 2024 - David Oyinbo
Canvas Gravity Balls
Pet project for HTML Canvas and JavaScript—simulating gravity, bounce, and simple collisions across multiple balls.
JavaScriptHTML CanvasPhysicsAnimationPet Project
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
Country flags and currency package
Lightweight TypeScript library for country flags, capitals, dial codes, currencies, and simple location distance utilities.
TypeScriptLibraryNPM
Trypema Rate Limiter
High-performance Rust rate limiting primitives with local, Redis-backed, and hybrid providers, atomic Redis enforcement, and absolute/suppressed strategies.
RustRate LimitingRedis
Actix Web Starter Template
Production-ready Rust/Actix Web REST API starter with RBAC auth, SeaORM/PostgreSQL, Kafka-based email, and Docker tooling.
RustActix WebSeaORM