Обсуждали две недели — сделали за 2 дня

Привет, меня зовут Влад, я дизайнер в переводах и платежах. Сегодня расскажу, как мы вместе с Андреем из T-Pay разработали новогодний саксесс-скрин в сухом остатке за 2–3 дня.

Была идея придумать что-нибудь прикольное к Новому году на экране успеха, праздник всё-таки. Хотелось, чтобы новогоднее украшательство не бесило и не было чересчур навязчивым. Поэтому я даже не рассматривал вариант колхозить что-то прямо на экране платежей, а вот саксесс — самое то.

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

Не стал делать это в протопаях, потому что разрабы стали бы жаловаться, что придётся грузить анимацию в приложение. А у нас драка за каждый мегабайт — не хотим, чтобы вес приложения раздувался. Поэтому мы с Андреем решили просто тупо завайбкодить всё это дело в Cursor, сделать анимацию на шейдерах, а потом передать готовый код разрабам iOS, Android и веб.

Вкратце о терминах:

🟡Шейдеры — это генеративная анимация, которая создаётся формулами в реальном времени. В отличие от Lottie, где снег — заранее подготовленный ролик с фиксированными траекториями, в шейдерах каждая снежинка уникальна, а анимация может реагировать на время, курсор, тапы или другие интеракшены.

🟡А вайбкодинг — это когда нейросеть превращает обычный текстовый запрос в рабочий код.

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

Ребят, изучайте новые инструменты, чтобы кайфушечные штуки можно было делать за пару-тройку дней. Всех с наступающим!

Вот ссылка на гитхаб с кодом