Последствия: как сделать так, чтобы текст следовал за верхней частью анимированной панели гистограммы - PullRequest
Новая
       33

Последствия: как сделать так, чтобы текст следовал за верхней частью анимированной панели гистограммы

0 голосов
/ 10 февраля 2020

Я хочу анимировать горизонтальную гистограмму. Столбцы (квадраты) начинаются с нуля и растут в двух простых ключевых кадрах от 0 до заданного значения c. Это значение отображается в текстовом слое. Я установил ползунок, который переходит от нуля к значению Speci c и управляет как текстовым слоем (значением), так и размером полосы (шириной квадрата).

Проблема: I хочу, чтобы значение следовало за вершиной гистограммы, как показано здесь:

https://www.instagram.com/p/B7_5SOQFrW6/?utm_source=ig_web_copy_link

Я попытался установить ключевые кадры для легкой и легкой обработки текста слой и настройте значения в редакторе диаграмм. Результат был слишком шатким и на него не приятно смотреть. Есть ли решение с выражениями?

исходный текст текстового слоя для первого бара (1): 

Math.round(thisComp.layer("controler").effect("1")("slider"))

исходный текст для квадрата (первого бара): 

temp = thisComp.layer("controler").effect("1")("slider");
he_ = thisComp.layer("controler").effect("height")("slider");
[temp,wi_]

info: width - это слайдер, с помощью которого я контролирую высоту баров.

1 Ответ

0 голосов
/ 14 февраля 2020

Проверьте этот пример проекта с вертикальными и горизонтальными полосами: https://url.io/ae_barchart

Вы можете использовать sourceRectAtTime (как в примере проекта) или рассчитать положение верхнюю часть панели, зная ее высоту и нижнюю координату Y, а затем переведите ее в пространство композиции из пространства слоя панели, чтобы можно было применить ее к позиции текстового слоя.

Если вы проверите положение свойство слоев "bar_horizont_text" / "bar_vertical_text" вы поймете, что я имею в виду.

Остальная часть настройки лишняя ... просто "дурачиться". : -)

...