Как вычислять ошибки в анимации?

191
28 апреля 2018, 14:44

Здесь код!

Сверху окошка с выводом результата есть кнопка "открыть в новом окне". Лучше нажмите на нее, так все будет понятнее.

Есть 3Д куб. вы можете двигать его с помощью кнопок нумпада (2, 4, 8, 6).

Если вы будете долго играться с анимацией, удерживать 2 кнопки одновременно, быстро менять направления, отпускать и нажимать кнопки в разном порядке (в консоли можно смотреть), то в конечном итоге заметите, что куб иногда дёргается. Меня это тревожит, потому что я не могу это исправить. Есть такая теория:

  1. Куб изменяет свои css параметры rotateX и rotateY.
  2. Эти значения задаются кубу с помощью одноимённых переменных.
  3. Возможно такое, что кода одна из переменных долго не меняетеся, а потом резко должна примениться к кубу, то из за разницы ее предыдущего значения, и только что созданного, а так же из за зависимости между rotateX и rotateY - происходят какие то дикие выворачивания.

Может быть расписал не очень понятно, но, может, кто-нибудь с такой проблемой уже сталкивался и сможет помочь/объяснить?

READ ALSO
Как создать тег xml через js

Как создать тег xml через js

Вопрос, как создать xml тег в html документе используя javascript?

183
Появления блока с графиком

Появления блока с графиком

Есть такой код с выпадающим списком и скриптом , который отрисовует графики:

173
Проблема в Bootstrap 4?

Проблема в Bootstrap 4?

Существует следующий блок:

180
Текст под картинкой CSS

Текст под картинкой CSS

Возник такой вопрос: есть блок, где располагается четыре блока в них картинка и под каждой картинкой текстТекст плавает из-за того, что картинки...

183