О применении кривых Безье для улучшения CSS анимации

Abstract

Проведено исследование возможности использования кривых Безье для улучшения CSS анимации. Рассмотрены методы создания веб-анимации на основе кривых Безье с использованием языков CSS3, SVG или элемента Canvas. Разработаны рекомендации по эффективному использованию кубических кривых для анимирования объектов веб-интерфейса. В работе проведен эксперимент, в котором анимация реализована как с применением кривых Безье, так и без них. Анализ полученных данных показал, что плавность движения значительно улучшает восприятие веб-интерфейса пользователем и выделяет веб-ресурс среди аналогов. Использование кубической кривой Безье в CSS анимации позволяет создавать уникальные комбинации движений объектов во времени.

Keywords

• анимация
• кривая Безье
• UI элемент
• пользовательский интерфейс