Explore showcase

Canvas 2D Physics Lab

Programmer · 2026

Project8 / 13

Overview

At a glance

Low-level 2D playground for practicing simulation loops, collision detection, and juicy feedback hooks without an engine.

JavaScriptCanvas 2DWeb Audio

Features

  • Real-time collisions and motion simulation.
  • Visual collision feedback.
  • Audio cue per collision event.

Implementation

  • Implemented update loop for kinematics and collision state.
  • Added AABB detection and collision response behavior.
  • Added lerp-based color transitions and sound triggers.

Challenges

  • Balancing simulation stability versus responsiveness.
  • Keeping feedback readable under frequent collision bursts.

Reflection

  • Fun low-level project to practice simulation fundamentals and feedback design.