Jak mogę stworzyć efekt separacji 2D „lepki” / „lepki”?

11

Chcę stworzyć efekt podobny do tej animacji, w której dwa kształty oddzielają się w czasie, ale są połączone (przez pewien czas) czymś lepkim, które się rozciąga i ostatecznie pęka. Jak ser do pizzy , ale konkretnie w 2D.

Kadr z pożądanego efektu animacji.

Używam Swift i SpriteKit. Myślę, że to prawdopodobnie wiąże się z animacjami klatek kluczowych Beziera, ale nie jestem pewien. Jak mogę osiągnąć ten efekt?

NSologistic
źródło
6
@Katu To wydaje mi się bardziej specyficzne niż typowe pytanie „jak zacząć” - jest wyraźny przykład efektu ostatecznego celu. Wydaje się uzasadnione, że odpowiedni ekspert mógłby zaproponować techniki tego efektu bez konieczności wyjaśniania wszystkiego od zera. Pomogłoby nam, NSologistic, jeśli możesz opisać więcej tego, co do tej pory zrobiłeś, aby ludzie odpowiadający mieli pomysł, od czego zacząć. Myślę, że twój oryginalny tytuł sprawiał wrażenie, że musielibyśmy wyjaśnić animację od pierwszych zasad. ;)
DMGregory
3
To, że pytanie zawiera słowa „nie wiem od czego zacząć”, nie powoduje, że pytanie to nie jest tutaj tematem.
4
Być może jakieś podejście do typu metaball może być początkiem?
Benzi
1
World of Goo obejmuje podobne efekty rozciągania. O ile pamiętam, po prostu rozciągnęli i przechylili jednego duszka, proste, ale wystarczająco dobrze wyglądające rozwiązanie. Niestety nie mogę znaleźć tego artykułu, mimo że spędzam 10 minut na googlowaniu.
Maxim Kamalov

Odpowiedzi:

1

Jednym ze sposobów na to za pomocą prostych transformacji 2D jest posiadanie wielu duszków do utworzenia każdej nici, co wydaje się podobne do twojego przykładu. Używając osobnych kolorów, może to wyglądać następująco:

wprowadź opis zdjęcia tutaj

A gdy pizza się rozciąga, cieńsze (żółte) i złącza (niebieskie) cieńsze:

wprowadź opis zdjęcia tutaj

Zaletą tego jest to, że możesz indywidualnie animować pasma, które stają się cieńsze i przyciągane.

Istnieją również inne podejścia, które mogą zadziałać, na przykład udawanie go za pomocą pojedynczego, teksturowanego duszka, który się rozciąga, lub tradycyjnej animacji klatka po klatce. Zależy to od tego, ile pracy chcesz wykonać oraz od tego, jak realistyczna i elastyczna chcesz.

congusbongus
źródło
0

Możesz spróbować utworzyć kilka punktów przywiązania na swoich duszkach i zdefiniować linię między dwoma, które chcesz przykleić, i utworzyć kilka punktów zaczepienia wzdłuż tej linii, a następnie połączyć kropki lepkim duszka przypominającym sztangę.

Joe Shmoe
źródło
Chociaż zgadzam się z tobą, że czasami ludzie głosują na zbyt duże zamknięcie, sam mógłbyś poświęcić więcej czasu na opracowanie odpowiedzi na pytanie niż narzekanie na stronę - biorąc pod uwagę, że ta konkretna przestrzeń ma na celu odpowiedzieć na pytanie i wydaje się, że mam pomysł. Twój pomysł jest jednak tak trudny do zrozumienia, jak jest obecnie. Spróbuj edytować swoją odpowiedź, szczegółowo opisując swój pomysł.
MAJ
3
Zmodyfikowałem twoją odpowiedź, aby była zgodna z wytycznymi witryny. Jeśli chcesz dyskutować na temat zasad witryny, z przyjemnością zdobędziesz kilka punktów reputacji i omówisz ją w Game Development Meta , gdzie mile widziana jest dyskusja.
Vaillancourt