Як я можу створити 2D ефект "поділу" / "липкий"?

Я хочу створити ефект, подібний до цієї анімації, де дві форми розділяються з часом, але пов'язані (на час) чимось гуї, що розтягується і зрештою ламається. Як сир для піци , але конкретно в 2D.

Я використовую Swift та SpriteKit. Я думаю, що це, мабуть, передбачає анімації з ключовими кадрами, а саме я не впевнений. Як я можу досягти цього ефекту?

animation

— NSologistic
джерело

@Katu Це виглядає для мене більш конкретно, ніж типове питання "як почати" - є чіткий приклад кінцевого цільового ефекту. Здається розумним, що відповідний експерт міг запропонувати методи для цього ефекту, не потребуючи пояснення з нуля. Що б допомогло, NSologistic, полягає в тому, якщо ви можете описати більше того, що ви вже зробили до цього часу, щоб люди, відповідаючи, мали уявлення, з чого почати. Я думаю, що ваша первісна назва створила враження, що нам доведеться пояснювати анімацію з перших принципів. ;)

— DMGregory

Супутнє питання; в 3D, про еластичний сир для піци

— Анко

Тільки тому, що запитання містить слова "я не знаю, з чого почати", це не робить це поза темою.

Можливо, якийсь підхід типу метаболу може стати початком?

— Бензі

Світ Goo включає подібні розтягуючі ефекти. Наскільки я пам’ятаю, вони просто розтягнули і нахилили єдиний спрайт, просте, але досить гарне рішення. На жаль, я не можу знайти цю статтю, незважаючи на те, що витратили на гуглінг 10 хвилин.

— Максим Камалов

Відповіді:

Один із способів зробити це за допомогою простих двовимірних перетворень - це мати декілька спрайтів для створення кожної нитки, що схоже на те, як це робить ваш приклад. Використовуючи окремі кольори, це може виглядати приблизно так:

І як піца розтягується, зробіть пасмо (жовтого) і з'єднувачі (синій) тоншими:

Перевага цього полягає в тому, що ви можете індивідуально оживляти пасма, стаючи тоншими і прищеплюючими.

Є й інші підходи, які також можуть працювати, наприклад, підробляючи його з єдиним текстурованим спрайтом, який розтягується, або традиційною анімацією кадрів за кадром. Це залежить від того, скільки роботи ви хочете виконати, і наскільки реалістичною та адаптивною ви хочете це зробити.

— congusbongus
джерело

Ви можете спробувати створити кілька точок прикріплення на своїх спрайтах і визначити лінію між двома, які ви хочете приклеїти, і створити пару точок прикріплення уздовж цієї лінії, а потім з'єднати точки з липким спрайтом, що нагадує штангу.

— Джо Шмое
джерело

Хоча я згоден з вами, що інколи люди голосують за те, щоб закрити трохи занадто багато, ви самі могли витратити більше часу на розробку своєї відповіді на питання, ніж на скарга на сайт - враховуючи, що цей конкретний простір призначений для відповіді на питання, і ви, здається, мати ідею. Однак ваша ідея ледве зрозуміла, як є зараз. Спробуйте відредагувати свою відповідь, детальніше описуючи ідею, яку ви, здається, маєте.

— MAND

Я змінив вашу відповідь, щоб вона відповідала вказівкам сайту. Якщо ви хочете обговорити політику сайту, вам більше ніж приємно заробити кілька репутаційних балів та обговорити це на Meta Development Meta , де обговорення більше вітається.

— Vaillancourt