Wie kann ich einen 2D-Separationseffekt „klebrig“ / „klebrig“ erstellen?

Ich möchte einen Effekt ähnlich dieser Animation erzeugen, bei dem sich zwei Formen im Laufe der Zeit trennen, aber (zeitweise) durch etwas Klebriges verbunden sind, das sich ausdehnt und schließlich bricht. Wie Pizzakäse , aber speziell in 2D.

Ich benutze Swift und SpriteKit. Ich denke, dass dies wahrscheinlich Keyframes-Bezier-Pfadanimationen beinhaltet, bin mir aber nicht sicher. Wie kann ich diesen Effekt erzielen?

animation

— NSologistic
quelle

@Katu Dies sieht für mich spezifischer aus als die typische Frage "Wie fange ich an?" - es gibt ein klares Beispiel für den ultimativen Zieleffekt. Es erscheint vernünftig, dass ein relevanter Experte Techniken für diesen Effekt vorschlagen könnte, ohne alles von Grund auf erklären zu müssen. Was helfen würde, NSologistic, ist, wenn Sie mehr von dem beschreiben können, was Sie bisher getan haben, damit die Antwortenden eine Vorstellung davon haben, wo sie anfangen sollen. Ich denke, Ihr Originaltitel hat den Eindruck erweckt, wir müssten die Animation anhand der ersten Prinzipien erklären. ;)

— DMGregory

Verwandte Frage; in 3D über dehnbaren Pizzakäse

— Anko

Nur weil eine Frage die Worte "Ich weiß nicht, wo ich anfangen soll" enthält , wird diese Frage hier nicht zum Thema.

Vielleicht könnte eine Art Metaball- Ansatz ein Anfang sein?

— Benzi

World of Goo beinhaltet ähnliche Dehnungseffekte. Soweit ich mich erinnere, haben sie nur ein einziges Sprite gedehnt und gekippt, eine einfache, aber gut genug aussehende Lösung. Leider kann ich diesen Artikel nicht finden, obwohl ich 10 Minuten gegoogelt habe.

— Maxim Kamalov

Antworten:

Eine Möglichkeit, dies mit einfachen 2D-Transformationen zu tun, besteht darin, mehrere Sprites zu erstellen, um jeden Strang zu erstellen. Dies scheint Ihrem Beispiel zu entsprechen. Bei Verwendung separater Farben könnte dies folgendermaßen aussehen:

Und wenn sich die Pizza ausdehnt, machen Sie den Strang (gelb) und die Anschlüsse (blau) dünner:

Dies hat den Vorteil, dass Sie Stränge, die dünner werden und reißen, individuell animieren können.

Es gibt auch andere Ansätze, die funktionieren könnten, z. B. das Fälschen mit einem einzelnen, strukturierten Sprite, das sich ausdehnt, oder die traditionelle Einzelbildanimation. Es hängt davon ab, wie viel Arbeit Sie erledigen möchten und wie realistisch und anpassungsfähig Sie es möchten.

— Congusbongus
quelle

Sie können versuchen, einige Befestigungspunkte auf Ihren Sprites zu erstellen und eine Linie zwischen den beiden zu kleben, die Sie kleben möchten, und ein paar Befestigungspunkte entlang dieser Linie erstellen. Verbinden Sie dann die Punkte mit einem klebrigen, hantelartigen Sprite.

— Joe Shmoe
quelle

Obwohl ich Ihnen zustimme, dass manchmal Leute dafür stimmen, etwas zu viel zu schließen, hätten Sie selbst mehr Zeit damit verbringen können, Ihre Antwort auf die Frage zu entwickeln, als sich über die Website zu beschweren - wenn man bedenkt, dass dieser spezielle Bereich die Frage beantworten soll und Sie scheinen Eine Idee haben. Ihre Idee ist jedoch derzeit kaum nachvollziehbar. Versuchen Sie, Ihre Antwort zu bearbeiten, und erläutern Sie die Idee, die Sie zu haben scheinen.

— 11.

Ich habe Ihre Antwort so geändert, dass sie den Richtlinien der Website entspricht. Wenn Sie über die Richtlinien der Website diskutieren möchten, können Sie gerne ein paar Reputationspunkte sammeln und auf Game Development Meta darüber diskutieren, wo Diskussionen eher willkommen sind.

— Vaillancourt