Come posso creare un effetto di separazione 2D "appiccicoso" / "appiccicoso"?

Voglio creare un effetto simile a questa animazione in cui due forme si separano nel tempo ma sono collegate (per un certo periodo) da qualcosa di appiccicoso che si allunga e alla fine si rompe. Come la pizza al formaggio , ma in particolare in 2D.

Sto usando Swift e SpriteKit. Penso che questo probabilmente coinvolga le animazioni di percorsi più bezier, ma non ne sono sicuro. Come posso ottenere questo effetto?

animation

— NSologistic
fonte

@Katu Questo mi sembra più specifico della tipica domanda "come iniziare" - c'è un chiaro esempio dell'effetto bersaglio finale. Sembra ragionevole che un esperto pertinente possa suggerire tecniche per questo effetto senza dover spiegare tutto da zero. Ciò che aiuterebbe, NSologistic, è se puoi descrivere di più di ciò che hai già fatto finora, quindi le persone che rispondono hanno un'idea di dove iniziare. Penso che il tuo titolo originale abbia dato l'impressione che dovremmo spiegare l'animazione dai primi principi. ;)

— DMGregory

Domanda correlata; in 3D, sulla pizza elastica al formaggio

— Anko,

Solo perché una domanda include le parole "Io non so da dove cominciare" non non fare quella domanda off-topic qui.

Forse una sorta di approccio al metaball potrebbe essere un inizio?

— Benzi,

World of Goo comporta effetti di stretching simili. Per quanto mi ricordo, hanno appena allungato e inclinato un singolo sprite, soluzione semplice ma abbastanza bella. Sfortunatamente, non riesco a trovare questo articolo, nonostante abbia trascorso 10 minuti a cercare su Google.

— Maxim Kamalov

Risposte:

Un modo per farlo usando semplici trasformazioni 2D è avere più sprite per creare ogni filo, il che sembra come il tuo esempio fa. Usando colori separati, potrebbe apparire così:

E mentre la pizza si allunga, assottigliare il filo (giallo) e i connettori (blu):

Il vantaggio è che puoi animare individualmente i fili che si assottigliano e si spezzano.

Ci sono altri approcci che potrebbero funzionare anche, come falsificarlo con un singolo sprite strutturato che si estende o un'animazione tradizionale fotogramma per fotogramma. Dipende da quanto lavoro vuoi fare e da quanto realistico e adattivo vuoi che sia.

— congusbongus
fonte

Potresti provare a creare alcuni punti di attacco sui tuoi sprite e definire una linea tra i due che vuoi incollare e creare una coppia di punti di attacco lungo quella linea, quindi collegare i punti con uno sprite appiccicoso simile a un bilanciere.

— Joe Shmoe
fonte

Anche se concordo con te sul fatto che a volte le persone votano per chiudere un po 'troppo, tu stesso avresti potuto passare più tempo a sviluppare la tua risposta alla domanda che a lamentarti del sito - considerando che questo spazio specifico è destinato a rispondere alla domanda e sembra che tu avere un'idea. Tuttavia, la tua idea è appena comprensibile come lo è attualmente. Prova a modificare la tua risposta, specificando ulteriormente l'idea che sembri avere.

— MAnd

Ho modificato la tua risposta in modo che rientri nelle linee guida del sito. Se vuoi discutere delle politiche del sito, sei più che benvenuto per guadagnare alcuni punti reputazione e discuterne su Meta di sviluppo del gioco , dove la discussione è più che benvenuta.

— Vaillancourt