Collision Engine

Click on a shape to select. Click anywhere else on canvas to deselect. Use WASDR to apply impulses to the shape. Zoom out to see settings better.

Settings

Friction: 0.2

Elasticity: 1.0

Angular Friction: 0.1

Gravity: (0, 0)

X
Y

Do Collision Resolution
Do Collision Rotation

Impulse

Selected Shape

Position:	(0, 0)
Velocity:	(0, 0)
Rotational Velocity:	0.0
Mass:	0.0
Immovable:	false
Sides:	0

No selected shape

Add Shape

X:
Y:
Sides:
Radius:
Mass:
Immovable:

This is a 2D collision engine/modeling system made entirely with JavaScript, HTML, and CSS. No external libraries are used. Separating Axis Theorem is used to model the collisions between the shapes. Any convex polygon is supported.