← BACK TO LABSPhysics· ARTICLE ·2025

Marquee Micro-physics

READING

~8 min

TAGS

ParticlesSim

UPDATED

2025-06-20

Física de partículas en tiempo real aplicada a un componente UI aparentemente trivial.

01· El problema

Un marquee normal es CSS. Uno con física necesita un loop de simulación.

02· Integración de Verlet

Cada carácter es una partícula con posición, velocidad y restricciones de distancia.

pos += (pos - prevPos) * damping;
pos += force * dt * dt;

03· Colisiones

El cursor actúa como campo de repulsión. Radio de influencia: 80px.