Animation BodyMovin starts before rendering images

98 Views Asked by At

Animation BodyMovin svg starts before rendering images, so after rendering animation go to end. How do delay before start animation or true start animation only after rendering all images in animation?

Run animation with ScrollTrigger, because that i think images not download before start animation.

Site: http://test.eniso.ru

var ledData = { 
    container: document.getElementById('led-container'),
    renderer: 'svg',
    loop: false,
    autoplay: false,
    path: '/window.json'
};
var ledAnim = bodymovin.loadAnimation(ledData);
function playLED (animData) {
    ledAnim.play();
    ledAnim.setDirection(1);
    ledAnim.setSpeed(20);
}
ScrollTrigger.create({
trigger: ".container",
        markers: true,
        start: "top",
        scrub: true,
        pin: true,
        onEnter: playLED,
})

0

There are 0 best solutions below