Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Проблема с кнопкой на сайте (https://javascript.ru/forum/dom-window/77902-problema-s-knopkojj-na-sajjte.html)

musaisaev271020 30.06.2019 15:37

Проблема с кнопкой на сайте
 
https://youtu.be/Eckeyw7VDtk

Начальство отдало фрилансерам несколько млн. рублей за данный сайт (beta.sintez.io), при этом анимация кнопки на главной странице рваная и дерганная, конец одного состояния кнопки не попадает в начало зацикленной части. Так как на сайте очень много графических элементов и анимаций, было принято решение сделать прелоадер, после загрузки которого должна начаться анимация всех элементов сайта, плавно, без дерганий и потерь кадров, особенно это касается главную кнопку (кнопка PLAY) в центре на первом экране. Она имеет 3 состояния - 1. появление(24 кадра), 2. основная анимация(48 кадров), 3. наведенное состояние. Проблема в том, что после загрузки прелоадера, анимация "появления" начинается либо не с первого кадра, либо "основная анимация" начинается не дождавшись завершения анимации "появления", то есть, две анимации накладываются друг на друга, в итоге получаем "рваную анимацию", потерю кадров и в общем не корректную работу данной кнопки.

Фрилансеры сваливают эту проблему на "слишком большое количество графических элементов и анимации", а так же, что существующие веб-технологии и суперкомпьютеры не способны плавно воспроизвести анимацию состояющую из двух небольших WEBP файлов. Действительно ли это так? Если нет, то в чем ошибка в текущей версии?

ksa 01.07.2019 08:14

Цитата:

Сообщение от musaisaev271020
Действительно ли это так?

Спецы зря наговаривать не станут... :D
Цитата:

Сообщение от musaisaev271020
Начальство отдало фрилансерам несколько млн. рублей за данный сайт (beta.sintez.io)

За такие деньги они могут и фильм, разъясняющий проблему, снять.

j0hnik 03.07.2019 08:32

не заметил проблему, но за такие бабки все должно работать на всех устройствах.


Часовой пояс GMT +3, время: 20:41.