Labs Kinetic Type Experiment

Kinetic Type

Type a word. Every letter becomes a solid object with its own weight, so you can grab it, throw it, or change the physics around it.

Built with
Matter.js, Canvas 2D
Simulation
60 Hz fixed step
Status
Early experiment
Gravity
Drag to throw · Double-click to blast · Type anywhere to drop a letter

Starting the physics engine…

Try

How Kinetic Type works

Each letter is a rigid body sized to the ink of its glyph. Pick one of four rules for the room and see how the same word behaves.

  1. Gravity

    The word holds still for a moment, then the letters fall one after another.

  2. Zero-G

    No gravity and almost no drag, so letters drift and bounce off the walls.

  3. Magnet

    Your cursor pulls every letter toward it. Press and hold on empty space to push them away.

  4. Reform

    Springs pull each letter back to where it was first set.

A–Z drop a letter ⌫ remove the newest double-click blast