Introducción
Un renderizador pequeño y sin dependencias para simular banderas con partículas, restricciones y WebGL2 nativo.
flag-cloth coloca una imagen sobre una cuadrícula de tela simulada. Su solver Verlet/PBD conecta cada partícula mediante restricciones estructurales, diagonales y de flexión. El viento ejerce presión sobre los triángulos, el puntero arrastra partículas y WebGL2 nativo dibuja el resultado.
No tiene dependencias en tiempo de ejecución. React solo es una dependencia peer opcional para usar el adaptador de React.
Por qué existe
No había una biblioteca web enfocada en combinar simulación de tela con Verlet y una forma sencilla de colocar una imagen sobre el resultado. Las alternativas habituales eran crear el solver desde cero, combinar Three.js con un motor de física general o animar un plano subdividido con ondas senoidales.
flag-cloth reúne ese efecto específico en una API ligera. Proporciona una imagen y un contenedor; la biblioteca se encarga de la simulación conectada, el viento, el renderizado, el cambio de tamaño y la interacción con el puntero. Así puedes crear banderas, pancartas y otros efectos de tela sin añadir un framework de escenas ni un motor de física a la aplicación.