prototype · matter.js / physics

Physics Agents

Agent nodes with real rigid-body physics — light gravity, elastic collisions, spring constraints. Drag any node and fling it; watch the network reorganise through real momentum. Collisions trigger "work" pulses — agents hand off on contact.

Matter.js · 18 rigid bodies · spring constraints · mouse drag · collision events

Tactile feel

Real physics gives weight and consequence to every interaction. Flinging a node sends ripples through the spring network — deeply satisfying.

Playfulness

The most "game-like" of the three. Collision-triggered work pulses create emergent behaviour — the network looks alive without scripting.

Considerations

Matter.js is ~30KB gzipped. Physics tick runs independently of render loop. May feel too playful for a staff engineer portfolio — or perfectly on-brand given Cannon Drop.

© 2026 Jonathan Leahy · v0.6.5