Бюджет: 200 EUR Срок: 3 дня
Здравствуйте.
Меня зовут Карен. Задачу понял, речь идёт не просто о CSS-анимации, а о физически правдоподобном эффекте разлёта и падения объектов, который стабильно работает на мобильных устройствах.
Такое делаю на чистом JavaScript или TypeScript через canvas или DOM с requestAnimationFrame, с собственной простой физикой или с лёгким physics-подходом без тяжёлых библиотек. Важно сохранить плавность, контроль FPS и адекватное поведение на слабых устройствах.
Как вижу реализацию:
— спавн игрушек в одной точке по клику
— случайное распределение начальных векторов скорости и углов
— гравитация и замедление
— вращение объектов
— коллизия с нижней границей и отскок с затуханием
— остановка объектов после потери энергии
Работаю аккуратно с производительностью:
— минимум перерисовок
— оптимизация под mobile
— WEBp с прозрачностью без проблем
— контроль количества объектов и времени жизни
Могу сделать как изолированный модуль, так и интегрировать в существующую страницу. Готов показать подход или быстро собрать демо.
Карен