InicioFísica y MecánicaSimulación de Tela

🧵 Simulación de Tela — 3D

Tela física sobre un modelo de masas y resortes con viento y colisión con esfera. Arrastra los puntos con el ratón.

Física y Mecánica3DModerado60 FPS💨 Aire y Viento
cloth ↗ Abrir independiente

Una tela realista drapeada sobre una esfera, simulada como una red de masas y resortes. El viento sopla el tejido mientras puedes agarrar y arrastrar puntos individuales. Observa cómo la tela ondula, se pliega y se asienta de forma natural.

🔬 Qué Demuestra

Sistema de masas y resortes con resortes estructurales, de cizalla y de flexión. La integración de Verlet mantiene la simulación estable incluso con pasos de tiempo grandes.

🎮 Cómo Usarlo

Haz clic y arrastra para agarrar puntos de la tela. Ajusta la fuerza y dirección del viento. La esfera actúa como objeto de colisión — la tela se drapea de forma realista sobre ella.

💡 ¿Sabías Que...?

Los modelos de tela de masas y resortes fueron introducidos por Provot (1995) y todavía se usan en videojuegos y cine. Los modelos más precisos usan elementos finitos, pero los resortes dan excelentes resultados en tiempo real.

Sobre esta simulación

Esta simulación modela un trozo de tejido como una red de masas y resortes: una cuadrícula de 30 por 24 masas puntuales enlazadas por resortes que resisten el estiramiento, el cizallamiento y la flexión. La tela cuelga de una barra y avanza en el tiempo usando integración de Verlet, que deriva la velocidad de la diferencia entre la posición actual y anterior de un nodo. Tras cada paso, las restricciones de los resortes se relajan durante doce iteraciones, mientras el viento y una esfera móvil empujan el tejido hacia pliegues y caídas convincentes en tiempo real.

🔬 Qué muestra

Un solucionador de tela de masas y resortes basado en posición. Tres familias de resortes — vecinos estructurales, diagonales de cizalla y enlaces de flexión a dos celdas de distancia — mantienen unida la cuadrícula. La integración de Verlet avanza cada nodo, las restricciones se relajan iterativamente hacia su longitud de reposo, y los nodos que entran en la esfera se proyectan de vuelta sobre su superficie.

🎮 Cómo usarlo

Los deslizadores fijan Gravedad, Viento X, Viento Z, Rigidez de resortes, Amortiguación y el Radio de la esfera de colisión. Haz clic izquierdo y arrastra un nodo de la tela para tirar del tejido; el clic derecho arrastra para rotar la cámara y el desplazamiento hace zoom. Reiniciar reconstruye la tela y Congelar pausa la física.

💡 ¿Sabías que...?

El modelo de tela de masas y resortes fue popularizado por Xavier Provot en 1995, quien añadió límites de «superelasticidad» para que el tejido no pudiera estirarse de forma poco realista — un truco todavía usado en los motores de videojuegos modernos.

Preguntas frecuentes

¿Qué es una simulación de tela de masas y resortes?

Representa la tela como una cuadrícula de masas puntuales unidas por resortes. Aquí una cuadrícula de 30 por 24 nodos está conectada por resortes estructurales, de cizalla y de flexión que resisten el estiramiento, el cizallamiento y el plegado. El comportamiento colectivo de estos resortes produce las ondulaciones, pliegues y caída que ves, sin modelar la tela como un material continuo.

¿Cómo mueve la simulación la tela en cada fotograma?

Usa integración de Verlet. Cada nodo almacena su posición actual y anterior, y la velocidad se infiere a partir de la diferencia entre ambas. Se añade la aceleración de la gravedad y el viento, y luego doce pasadas de relajación de restricciones empujan a los nodos enlazados de vuelta hacia sus longitudes de reposo. El fotograma se divide en cinco subpasos físicos para mayor estabilidad.

¿Qué controlan los deslizadores?

Gravedad fija la atracción hacia abajo sobre cada nodo, mientras que Viento X y Viento Z aplican una fuerza horizontal con turbulencia incorporada. Rigidez controla con qué fuerza los resortes resisten el estiramiento, Amortiguación fija cuánta energía se pierde por paso, y Radio de la esfera cambia el tamaño de la bola de colisión móvil sobre la que se drapea la tela.

¿Es la simulación físicamente precisa?

Es una aproximación plausible más que exacta. Los modelos de masas y resortes capturan el aspecto cualitativo del drapeado y el ondear de la tela y se usan ampliamente en juegos y cine, pero no reproducen la rigidez real del material como lo hacen los métodos de elementos finitos. Los parámetros aquí están ajustados para un movimiento estable y atractivo en lugar de unidades físicas medidas.

¿Por qué se necesitan varias iteraciones de restricciones en cada paso?

Corregir un resorte puede violar a sus vecinos, porque los nodos son compartidos. Relajar las restricciones repetidamente — doce veces por paso aquí — permite que las correcciones se propaguen por la cuadrícula para que toda la lámina converja hacia una forma coherente. Más iteraciones dan una tela más rígida e inextensible a costa de cálculo adicional.

Sobre Simulación de Tela — 3D

Esta simulación modela un trozo de tejido usando una red de masas y resortes: una cuadrícula de masas puntuales conectadas por resortes estructurales, de cizalla y de flexión que resisten el estiramiento, el cizallamiento y el plegado. La integración de Verlet avanza cada nodo en el tiempo derivando la velocidad de la diferencia entre las posiciones actual y anterior, mientras la relajación iterativa de restricciones mantiene las longitudes de los resortes cerca de sus valores de reposo. Los usuarios pueden observar cómo cambiar la gravedad, el viento, la rigidez y la amortiguación altera la caída, la ondulación y la respuesta a la colisión de la tela.

Los modelos de tela de masas y resortes han sido el caballo de batalla de la simulación de tejidos en tiempo real en videojuegos y cine de animación desde mediados de la década de 1990, usados en todas partes, desde la ropa de personajes en motores de videojuegos AAA hasta las capas y banderas ondeantes de producciones de CGI de gran presupuesto.

Preguntas frecuentes

¿Qué es una simulación de tela de masas y resortes?

Una simulación de tela de masas y resortes representa el tejido como una cuadrícula de masas puntuales enlazadas por resortes virtuales. Los resortes imponen distancias entre nodos vecinos — los resortes estructurales resisten el estiramiento horizontal y vertical, los resortes de cizalla resisten la deformación diagonal, y los resortes de flexión resisten el plegado. Cuando se aplican fuerzas como la gravedad y el viento, los nodos se mueven y las fuerzas colectivas de los resortes producen pliegues, ondulaciones y caídas realistas.

¿Cómo interactúo con la simulación?

Haz clic izquierdo y arrastra directamente sobre la tela para tirar de nodos individuales y remodelar el tejido. Usa el botón derecho del ratón para rotar la cámara alrededor de la escena, y desplaza la rueda del ratón para acercar o alejar. Los deslizadores del panel a la izquierda te permiten ajustar Gravedad, Viento X, Viento Z, Rigidez, Amortiguación y el Radio de la esfera en tiempo real. El botón Reiniciar reconstruye la tela desde cero, y Congelar pausa la física para que puedas inspeccionar un fotograma.

¿Qué es la integración de Verlet y por qué se usa aquí?

La integración de Verlet es un método numérico que calcula la siguiente posición de una partícula a partir de su posición actual y anterior, codificando implícitamente la velocidad sin almacenarla explícitamente. La regla de actualización es: x_nuevo = x + (x - x_anterior) * amortiguación + aceleración * dt^2. Como la velocidad nunca se almacena como una variable separada, la deriva de energía se minimiza y la simulación permanece estable incluso con los pasos de tiempo relativamente grandes necesarios para el rendimiento en tiempo real. Esta simulación subdivide cada fotograma de animación en cinco pasos de Verlet para mayor estabilidad.

¿Qué son los resortes estructurales, de cizalla y de flexión?

La cuadrícula de nodos de 30 por 24 usa tres familias de resortes para imitar las propiedades mecánicas del tejido tejido. Los resortes estructurales conectan nodos inmediatamente adyacentes horizontal y verticalmente, evitando que la tela se estire a lo largo de sus hilos. Los resortes de cizalla conectan vecinos diagonales, resistiendo el cizallamiento en el plano que haría que la cuadrícula colapsara como un paralelogramo. Los resortes de flexión saltan un nodo en cada dirección de eje y resisten que la tela se pliegue bruscamente a lo largo de un solo borde. Juntas, las tres familias reproducen la jerarquía de rigidez característica de los tejidos textiles reales.

¿Cómo funciona la colisión con la esfera?

Cada iteración de relajación de restricciones comprueba si algún nodo de la tela se encuentra dentro de la esfera móvil. Si la distancia de un nodo al centro de la esfera es menor que el radio de la esfera más un pequeño margen (0,15 unidades), el nodo se proyecta radialmente hacia afuera sobre la superficie de la esfera. Como esta comprobación se ejecuta dentro del bucle de relajación de doce iteraciones, la corrección se propaga a los nodos vecinos a través de las restricciones de resortes, permitiendo que la tela se drapee suavemente sobre la esfera en lugar de atravesarla.

¿Es esta simulación físicamente precisa?

La simulación captura el comportamiento cualitativo de una tela real de forma convincente pero es una aproximación en lugar de un modelo físico riguroso. La mecánica real de la tela se describe mejor con métodos de elementos finitos continuos que tienen en cuenta propiedades del material medidas como el módulo de Young y el coeficiente de Poisson. Los modelos de masas y resortes pueden mostrar artefactos numéricos como superelasticidad no deseada o inestabilidad con valores de rigidez altos. El artículo de Xavier Provot de 1995 abordó la superelasticidad limitando el alargamiento de los resortes a como máximo un 10% por encima de la longitud de reposo — una heurística que esta simulación no aplica, sacrificando precisión estricta por capacidad de respuesta interactiva.

¿Quién fue pionero en la simulación de tela con masas y resortes?

El trabajo fundacional sobre tela de masas y resortes para gráficos por computadora fue publicado por Xavier Provot en 1995 en el artículo «Deformation Constraints in a Mass-Spring Model to Describe Rigid Cloth Behaviour». Provot introdujo la estructura de tres familias de resortes y el paso de corrección posterior a la integración que evita el estiramiento poco realista. Un trabajo anterior de Breen, House y Wozny (1994) modeló la tela tejida usando energías de interacción de partículas, pero la formulación de resortes de Provot se volvió dominante debido a su simplicidad e idoneidad para tiempo real. Position-Based Dynamics, un enfoque sucesor de Muller et al. (2007), mejoró aún más la estabilidad y ahora es común en los motores de videojuegos.

¿Qué fenómenos del mundo real demuestra esta simulación?

La simulación reproduce varios comportamientos textiles físicamente observables: la curva catenaria formada por una tela suspendida de dos o más puntos fijos, la forma en que las oscilaciones impulsadas por el viento viajan como ondas transversales por el tejido, la rigidez anisótropa del material tejido (más fuerte a lo largo de los ejes de los hilos que en diagonal), y el drapeado por contacto que se ve cuando el tejido cae sobre un objeto convexo. Estos fenómenos son relevantes para el diseño de moda, las estructuras textiles arquitectónicas, la ingeniería de paracaídas y el aparejo de velas.

¿Cuál es un error común sobre la simulación de tela?

Un error común es creer que una mayor rigidez siempre produce resultados más realistas. En las simulaciones de masas y resortes, valores de rigidez muy altos hacen que el sistema sea numéricamente rígido — los resortes oscilan tan rápidamente que el integrador requiere pasos de tiempo extremadamente pequeños para permanecer estable, y con tamaños de paso fijos la simulación explotará o vibrará incontrolablemente. La tela real es rígida a lo largo de sus hilos pero mucho más flexible fuera del plano; el arte del ajuste de la simulación de tela consiste en elegir valores de rigidez que se vean correctos y permanezcan estables con el paso de tiempo elegido, no en maximizar el parámetro de rigidez.

¿Cómo se usa hoy la simulación de tela en ingeniería y tecnología?

Las aplicaciones modernas abarcan varias industrias. Motores de videojuegos como Unreal Engine y Unity incluyen solucionadores de tela basados en posición o acelerados por GPU para prendas de personajes, banderas y objetos de cuerpo blando. La industria del cine y los efectos visuales usa solucionadores de tela de elementos finitos de alta fidelidad (por ejemplo, Fizt de Pixar y sus sucesores) para simular vestuario en largometrajes animados. En aeroespacial, las simulaciones de despliegue de paracaídas y airbags usan modelos de tela de interacción fluido-estructura. Las herramientas CAD para diseño de moda (CLO3D, Marvelous Designer) permiten a los diseñadores drapear y ajustar prendas digitales antes de cortar la tela, ahorrando material y reduciendo los ciclos de prototipado.

¿Cuáles son las fronteras de investigación actuales en la simulación de tela?

Las áreas de investigación activa incluyen simuladores de tela neuronales que aprenden el comportamiento del tejido a partir de conjuntos de datos de elementos finitos y se ejecutan órdenes de magnitud más rápido en el momento de la inferencia, permitiendo la simulación de prendas de alta fidelidad en tiempo real en dispositivos móviles. La simulación de tela diferenciable — donde los gradientes fluyen a través del solucionador de física — permite la optimización basada en gradientes de los patrones de las prendas, los parámetros del material y las estrategias de manipulación robótica para el manejo textil. Los investigadores también están explorando métodos de subespacio que comprimen la dinámica de la tela en un espacio de baja dimensión aprendido de simulaciones offline, y acoplando la tela con el cabello, el fluido y los cuerpos rígidos en marcos de simulación unificados para aplicaciones de prueba virtual y realidad aumentada.

⚙ Bajo el capó

Tela física sobre un modelo de masas y resortes con viento y colisión con esfera. Arrastra los puntos con el ratón.

Three.jsMasas y ResortesVerletFísica

3D · Renderizador Three.js / WebGL · objetivo 60 FPS · funciona totalmente del lado del cliente, sin instalación

¿Qué encontraste?

Añadir pasos de reproducción (opcional)