Задача js-аниматору Задача js-аниматору

Задача js-аниматору
Закрыта 15 июля 2020

Ищем js-программиста, который любит экспериментировать с анимацией и эффектами.

Задача

Есть div-блок:

В нем «падают» объекты по траекториям:

Падение дискретное:

Чем-то похоже на эффект из игры «Солитер» (только траектория прямая и отскакивать не надо):

Есть набор градиентов. Например:

При каждом шаге цвет объекта немного изменяется (берется из градиента):

Еще вводные данные
— Исходный div-блок может быть разного размера.
— «Падающие» объекты — это svg файлы, лежат в отдельной папке, количество может меняться.
— Градиентов несколько. В каком формате их хранить — предпочтение программиста. Файлы с градиентами могут быть изменены.
— Скорость движения объектов разная (из некоторого диапазона).
— Надо иметь возможность регулировать (вынести в отдельные переменные): диапазон скорости, шаг падения, прозрачность объктов.

Еще требования
— Если блок на странице не виден, анимация должна паузиться.
— Понимание, как оптимизировать производительность.

Если вам интересна задача, заполнита, пожалуйста, форму: forms.gle/eGmEgPnUwan8zAZ16