Rect Operations

What you see

Two axis‑aligned rectangles — red and green — bounce inside a bounded area. Their overlapping region is highlighted in yellow, while the blue outline is the bounding box that contains both. Move your mouse over the canvas to test point containment with Rect.contains.

API features used

Rect · CanvasRenderer · InputManager · Vector2 · Color

Explore intersection, union, intersects, contains, center, area and the mutable translate/moveTo chain.

Source code