Drag either shape. Every test answers the same three things: overlapping, by how much, along which direction.
What to notice. The bars on the right are the shapes' shadows on each candidate axis. Overlap on every axis means collision; a single red row with a gap in it proves they're apart, and you can stop testing. The thinnest green row is the minimum-overlap axis — that's your contact normal and penetration depth.
← all demos