Loom10

A typographic fabric simulator

Give a word some weight.
Then let the wind in.

A small act of material disobedienceTYPE / UNDER TENSION

Grab a fold. Pull it out of line.
Keyboard: Enter grabs · arrows pull · Escape releases.

A thousand connected points. Gravity, wind, and your hands. All the good things happen between them.

HTML + CSS + JS / NO DEPENDENCIES
Pull at the thread. The mechanics & the source ↙
It is a material, not a video.

Typography leaves
the flat world.

A mesh of points remembers its last position. Gravity and spatially varying wind move it; distance constraints hold neighbouring points together. Changing the anchors turns a banner into a flag or a drape. The print is a locally drawn texture attached to the mesh. Normals and a woven-surface shader give the folds their light. This is a position-based cloth study, not a textile engineering model.

Download the complete working source ↓ 
velocity = (position - previous) * damping;
next = position + velocity + acceleration * dt * dt;

delta = neighbour.position - point.position;
correction = delta * (length(delta) - restLength)
  / length(delta) * 0.5;
point.position += correction;
neighbour.position -= correction;

The ZIP contains these exact HTML, CSS and JavaScript files, the GLSL shaders, shared runtime, a README and MIT licence. Unzip and open loom/index.html. Runs offline; no libraries, fonts, images or account to fetch.