Bodymovin показывает дикую анимацию

Мы создали несколько анимаций с помощью Body Movin, и все они прекрасно работают. Проблема, которая у нас есть сейчас, заключается в том, что анимация Body Movin действительно дикая по сравнению с тем, что она должна была анимировать.

Оригинальная анимация: shaking

Анимация Бодимовина: shaking-fail

Вы можете протестировать и поиграть здесь: https://codepen.io/albertdp/project/editor/AmbRgM

Я называю это так же, как в демо.

var animation = bodymovin.loadAnimation({
  container: document.getElementById('bm'),
  renderer: 'canvas',
  loop: true,
  autoplay: true,
  path: 'data.json'
})

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


javascript animation bodymovin after-effects
person AlbertSamuel    schedule 18.09.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Существует три способа рендеринга анимации, возможно, вы можете попробовать:

    var animation = bodymovin.loadAnimation({
            container: document.getElementById('bm'),
            renderer: 'svg',
            loop: true,
            autoplay: true,
            path: 'data.json'
    })
person Léo Taillard    schedule 09.10.2017
comment
Спасибо. Я пробовал это, но все еще не работает. Мы обнаружили, что реальная проблема заключалась в том, что мы используем функцию программирования в AE для случайного выбора движений. После того, как мы удалим это и перейдем к статической анимации, все будет работать гладко. - person AlbertSamuel; 10.10.2017