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

• Published in: Системи обробки інформації
• Main Authors: Егорова И.Н., Антипенко К.Д.
• Format: Article
• Language: English
• Published: Ivan Kozhedub Kharkiv National Air Force University 2019-05-01
• Subjects: анимация; кривая Безье; UI элемент; пользовательский интерфейс
• Online Access: http://www.hups.mil.gov.ua/periodic-app/article/19325/soi_2019_2_7.pdf
• ISSN: 1681-7710; 2518-1696

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