Анимация, FInterp To, Lerp в UE4

То, что выглядит как анимация, не всегда является таковой

Задача

Улучшить обратную связь, сделав заполнение прогресс-баров более плавным в прототипе Sky Unlimited Inc. Это должно помочь игроку визуально лучше фиксировать изменения параметров.

Вариант 1 — не вариант: анимация

«Ну, конечно! Можно просто сделать анимацию, ведь я умею это делать. Это легко и быстро», – подумала я и сделала. А потом подумала еще раз.

А как теперь сделать так, чтобы анимация отражала те изменения, которые испытывает параметр?

Путём простых размышлений я пришла к трём вариантам:

никак
с помощью чего-то, чего я пока не знаю
другим способом

С размышлениями и вариантами я пошла к своему гуру. И гуру молвил:

«Вспомни, как двигались стулья».

Вариант 2 — вариант: Lerp

Какими способами я только не двигала стулья в Unreal. Но сила мысли и Lerp, кажется, были ответом на мой вопрос.

Lerp – это сленговое в среде программистов обозначение линейной интерполяции.

У вас есть два разных узла A и B. Представьте, что они соединены прямой линией. С шагом Alpha от точки A находится точка A1, которая показывает, насколько далеко по соединительной линии вы находитесь между узлами A и B.

Затем точка A становится точкой A1, и теперь уже новая A1 определяется с тем же шагом Alpha на меньшем отрезке. Так происходит до тех пор, пока вы асимптотически не приблизитесь к точке B, то есть A всегда стремится к B, но никогда не достигает ее фактически.

Пример из прототипа

Текущее значение параметра Эффективность равное о.3 подается на вход A. После действия игрока, по внутренней логике, число меняется и становится равным 0.4. Новое значение параметра Эффективность подается на вход B.

Устанавливаем Alpha, равное 0.1, это 10% от отрезка между A и B.

В итоге Lerp возвращает значения, равные всем промежуточным значениям между A и B c Alpha 0.1 и асимптотически достигает B.

Функция, обновляющая прогресс с помощью Lerp

Вот так это выглядит в итоге с Lerp с Alpha=0,1.

Видно же, что к конечному положению прогресс-бар как бы замедляется по сравнению с началом?

Казалось, всё. Задача выполнена: всё работает хорошо, красывооо, но...

Вариант 3 — вариант: FInterp To

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

В тот момент, когда я уже всё доделала с помощью Lerp, появился программист и говорит: «А чего не FInterp To?»

И показывает мне еще один вариант решения поставленной задачи с помощью FInterp To Constant.

Функция, обновляющая прогресс с помощью FInterp To

FInterp To Constant – это тоже интерполяция, но при заданной скорости и времени и до константы. То есть в независимости от того, какое расстояние от текущего положения к заданному предстоит преодолеть, это будет сделано с одинаковой скоростью и за одно и то же время, и гарантировано достигнет заданного значения. В отличие от FInterp To и Lerp, которые всегда приблизительно находятся возле конечной точки.

Пример из прототипа

Текущее значение параметра Эффективность равное о.3 подается на вход Current. После действия игрока по внутренней логике число меняется и становится равным 0.4. Новое значение параметра Эффективность подается на вход Target.

Устанавливаем скорость 0.25, а Delta Time берется из Event Tick, и равна одному тику.

Так это выглядит с FInterp To Constant

Итог

Теперь сравним, чем же визуально отличаются друг от друга два типа интерполяции: Lerp и FInterp To.

С Lerp изменение прогресс-бара замедляется к конечной точке. Что выглядит естественно.

А с FInterp To прогресс-бар заполняется равномерно и приходит к конечной точке.

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

Я выбрала Lerp, потому что мне нравится его естественное движение.

Привет. Я – гауссовское распределение и я нормальное. Я создаю впечатление естественности :3

PS. Если вы разбираетесь в матане или программировании лучше меня, у вас есть более правильное и четкое объяснение тех тем, которых я сегодня коснулась – пожалуйста, напишите мне. Буду рада узнать что-то новое и дополнить материал.

Спасибо!

Найти меня можно

Telegram channel https://t.me/setvisibility

Discord chat https://discord.gg/8XxUUsc

Twitter https://twitter.com/setvisibility

Vk https://vk.com/setvisibility.gamedev

#UE4 #GameDesign #setvisibility