Как создать эффект разделения «липкий» и «липкий»?


11

Я хочу создать эффект, похожий на эту анимацию, когда две фигуры разделяются с течением времени, но соединяются (на время) чем-то липким, растягивающимся и в конечном итоге ломающимся. Как и сыр для пиццы , но конкретно в 2D.

Все еще от желаемого эффекта анимации.

Я использую Swift и SpriteKit. Я думаю, что это, вероятно, включает в себя ключевые кадры анимации пути Безье, но я не уверен. Как я могу добиться этого эффекта?


6
@Katu Это выглядит для меня более конкретно, чем типичный вопрос «как начать» - есть четкий пример конечного целевого эффекта. Представляется разумным, что соответствующий эксперт мог бы предложить методы для этого эффекта, не объясняя все с нуля. NSologistic может помочь, если вы сможете описать больше того, что вы уже сделали, чтобы люди, отвечающие на вопросы, имели представление о том, с чего начать. Я думаю, что ваше оригинальное название создало впечатление, что нам придется объяснить анимацию из первых принципов. ;)
DMGregory


3
Тот факт, что вопрос включает слова «я не знаю, с чего начать», не делает этот вопрос вне темы.

4
Возможно, какой-то подход типа метабола может быть началом?
Бензи

1
World of Goo включает в себя аналогичные эффекты растяжения. Насколько я помню, они просто растягивали и наклоняли один спрайт, простое, но достаточно привлекательное решение. К сожалению, я не могу найти эту статью, несмотря на тратить 10 минут на поиск в Google.
Максим Камалов

Ответы:


1

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

введите описание изображения здесь

И по мере того, как пицца растягивается, сделайте жгут (желтый) и разъемы (синий) тоньше:

введите описание изображения здесь

Преимущество этого заключается в том, что вы можете индивидуально анимировать пряди, которые становятся тоньше и щелкают.

Существуют и другие подходы, которые могут работать, например, имитация одного растянутого спрайта с текстурой или традиционная покадровая анимация. Это зависит от того, сколько работы вы хотите сделать, и насколько реалистичным и адаптивным вы хотите быть.


0

Вы можете попытаться создать несколько точек прикрепления на ваших спрайтах и ​​определить линию между двумя, которые вы хотите прикрепить, и создать пару точек привязки вдоль этой линии, а затем соединить точки с помощью липкого спрайта, похожего на штангу.


Хотя я согласен с вами, что иногда люди голосуют за то, чтобы закрыть слишком много, вы сами могли бы потратить больше времени на разработку своего ответа на вопрос, чем жаловаться на сайт - учитывая, что это конкретное место предназначено для ответа на вопрос, и вы, кажется, есть идея. Тем не менее, ваша идея едва понятна, как в настоящее время. Попробуйте отредактировать свой ответ, подробно описав идею, которая у вас есть.
И

3
Я изменил ваш ответ, чтобы он соответствовал правилам сайта. Если вы хотите обсудить политику сайта, вы можете заработать несколько очков репутации и обсудить это на Meta Development Game Meta , где обсуждение приветствуется.
Vaillancourt
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.