Comment puis-je créer un effet de séparation 2D «gluant» / «collant»?

Je veux créer un effet similaire à cette animation où deux formes se séparent au fil du temps mais sont reliées (pendant un certain temps) par quelque chose de gluant qui s'étire et finit par se casser. Comme le fromage à pizza , mais spécifiquement en 2D.

J'utilise Swift et SpriteKit. Je pense que cela implique probablement des animations de chemin de Bézier d'images clés, mais je ne suis pas sûr. Comment puis-je obtenir cet effet?

animation

— NSologistic
source

@Katu Cela me semble plus spécifique que la question typique "comment commencer" - il y a un exemple clair de l'effet cible ultime. Il semble raisonnable qu'un expert compétent puisse suggérer des techniques pour cet effet sans avoir à tout expliquer à partir de zéro. Ce qui aiderait, NSologistic, c'est si vous pouvez décrire plus de ce que vous avez déjà fait jusqu'à présent, de sorte que les personnes qui répondent ont une idée par où commencer. Je pense que votre titre original donnait l'impression qu'il faudrait expliquer l'animation à partir des premiers principes. ;)

— DMGregory

Question connexe; en 3D, sur le fromage à pizza extensible

— Anko

Ce n'est pas parce qu'une question comprend les mots «je ne sais pas par où commencer» que cette question est hors sujet.

Peut-être qu'une sorte d' approche de type métabille pourrait être un début?

— Benzi

World of Goo implique des effets d'étirement similaires. Pour autant que je me souvienne, ils ont juste étiré et incliné un sprite unique, une solution simple mais assez belle. Malheureusement, je ne trouve pas cet article, malgré 10 minutes de recherche sur Google.

— Maxim Kamalov

Réponses:

Une façon de le faire en utilisant de simples transformations 2D est d'avoir plusieurs sprites pour créer chaque brin, ce qui semble être la façon dont votre exemple le fait. En utilisant des couleurs distinctes, cela pourrait ressembler à ceci:

Et au fur et à mesure que la pizza s'étire, amincissez le brin (jaune) et les connecteurs (bleu):

L'avantage de ceci est que vous pouvez animer individuellement des brins plus fins et plus claquants.

Il existe d'autres approches qui pourraient également fonctionner, comme le simuler avec un seul sprite texturé qui s'étire, ou une animation traditionnelle, image par image. Cela dépend de la quantité de travail que vous voulez faire et de la façon dont vous voulez que ce soit réaliste et adaptatif.

— congusbongus
source

Vous pouvez essayer de créer quelques points d'attache sur vos sprites et définir une ligne entre les deux que vous souhaitez coller et créer quelques points d'attache le long de cette ligne, puis connecter les points avec un sprite collant en forme d'haltère.

— joe shmoe
source

Bien que je convienne avec vous que parfois les gens votent pour fermer un peu trop, vous pourriez vous-même avoir passé plus de temps à développer votre réponse à la question qu'à vous plaindre du site - étant donné que cet espace spécifique est destiné à répondre à la question et vous semblez j'ai une idée. Cependant, votre idée est à peine compréhensible telle qu'elle est actuellement. Essayez de modifier votre réponse, en détaillant davantage l'idée que vous semblez avoir.

— Mand

J'ai modifié votre réponse pour qu'elle corresponde aux directives du site. Si vous souhaitez discuter des politiques du site, vous êtes plus que bienvenus pour gagner quelques points de réputation et en discuter sur Game Development Meta , où la discussion est plus que bienvenue.

— Vaillancourt