¿Cómo puedo crear un efecto de separación 2D "pegajoso" / "pegajoso"?

Quiero crear un efecto similar a esta animación donde dos formas se separan con el tiempo pero están conectadas (por un tiempo) por algo pegajoso que se estira y finalmente se rompe. Como pizza de queso , pero específicamente en 2D.

Estoy usando Swift y SpriteKit. Creo que esto probablemente implique animaciones de trazos bezier de fotogramas clave, pero no estoy seguro. ¿Cómo puedo lograr este efecto?

animation

— NSologistic
fuente

@Katu Esto me parece más específico que la típica pregunta "cómo comenzar": hay un claro ejemplo del efecto objetivo final. Parece razonable que un experto relevante pueda sugerir técnicas para este efecto sin necesidad de explicar todo desde cero. Lo que ayudaría, NSologistic, es si puedes describir más de lo que ya has hecho hasta ahora, para que las personas que respondan tengan una idea de por dónde empezar. Creo que su título original daba la impresión de que tendríamos que explicar la animación desde los primeros principios. ;)

— DMGregory

Pregunta relacionada; en 3D, sobre queso de pizza elástico

— Anko

El hecho de que una pregunta incluya las palabras "No sé por dónde empezar" no hace que esa pregunta esté fuera de tema aquí.

¿Quizás algún tipo de enfoque de metaball podría ser un comienzo?

— Benzi

World of Goo implica efectos de estiramiento similares. Por lo que recuerdo, simplemente estiraron e inclinaron un solo sprite, una solución simple pero lo suficientemente buena. Desafortunadamente, no puedo encontrar este artículo, a pesar de pasar 10 minutos buscando en Google.

— Maxim Kamalov

Respuestas:

Una forma de hacerlo usando transformaciones 2D simples es tener múltiples sprites para crear cada cadena, que parece ser como lo hace su ejemplo. Usando colores separados, podría verse así:

Y a medida que la pizza se estira, haga que el hilo (amarillo) y los conectores (azul) sean más delgados:

La ventaja de esto es que puede animar individualmente los hilos que se vuelven más delgados y se rompen.

Hay otros enfoques que también podrían funcionar, como simularlo con un solo sprite texturizado que se estira o la animación tradicional cuadro por cuadro. Depende de cuánto trabajo quieras hacer y de cuán realista y adaptativo quieras que sea.

— congusbongus
fuente

Puede intentar crear algunos puntos de fijación en sus sprites y definir una línea entre los dos que desea pegar y crear un par de puntos de fijación a lo largo de esa línea, luego conectar los puntos con un sprite adhesivo similar a una barra.

— joe shmoe
fuente

Aunque estoy de acuerdo con usted en que a veces las personas votan para cerrar demasiado, usted mismo podría haber pasado más tiempo desarrollando su respuesta a la pregunta que quejándose sobre el sitio, teniendo en cuenta que este espacio específico está destinado a responder la pregunta y parece que usted tengo una idea. Sin embargo, su idea es apenas comprensible como lo es actualmente. Intente editar su respuesta, detallando más la idea que parece tener.

— 2016

Modifiqué tu respuesta para que se ajuste a las pautas del sitio. Si desea discutir sobre las políticas del sitio, puede ganar algunos puntos de reputación y discutirlo en Game Development Meta , donde la discusión es más que bienvenida.

— Vaillancourt