Stack Overflow
Stack Overflow

Questions tagged [bodymovin]

Bodymovin is an AfterEffects extension that exports animations to SVG or Canvas. Questions related to it should deal with implementation on the JavaScript/SVG/Canvas side, not about AfterEffects itself

Bodymovin is an AfterEffects extension that exports animations to SVG or Canvas. Questions related to it should deal with implementation on the JavaScript/SVG/Canvas side, not about AfterEffects itself. To report bugs inside of Bodymovin, create an issue on GitHub.

93 questions
0
votes
1 answer

Lottie animation from JSON file in Wordpress custom theme

I’ve been searching for a while and there seems not to be much information on How to do it. I’m looking to embed a Lottie animation file from a prepared JSON file on a Wordpress page without using any plugin. I technically know, that I need a Lottie…
Maks
  • 35
  • 6
0
votes
0 answers

Animation BodyMovin starts before rendering images

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…
Eniso
  • 29
  • 4
0
votes
0 answers

Not able to run Lottie animations on PyQt5 QML

Downloaded a bunch of lottie animations from https://lottiefiles.com. Trying to run these lottie animations on PyQt5 QML and i get an error on Qt Creator: qt.lottieqt.bodymovin.parser: assets not supported qt.lottieqt.bodymovin.parser: Unsupported…
Walidoz Gal
  • 1
  • 3
0
votes
1 answer

json animation won't show up on my website?

Hi I'm a complete beginner so I'm sorry for my messy code (I also apologize for my english in advance). I'm currently trying to code a website for myself and I made a blender animation which I edited with after effects and then exported with…
zazaza
  • 1
  • 2
0
votes
1 answer

Debug Bodymovin Extension Crash during Export w/ Expressions

It appears that bodymovin will crash with render failed randomly during our export. Is there a way to debug this?
njho
  • 2,023
  • 4
  • 22
  • 37
0
votes
0 answers

Plugin Bodymovin

I want put animation font in my web site with the plugin "bodymovin" (this pricipe is transform json files in svg), i use framework laravel. I have follow this example : https://codepen.io/airnan/project/editor/ZeNONO I manage to find my file, an…
Arnold
  • 11
  • 5
0
votes
1 answer

I want to show 2 different lottie animations, svg1 and svg2

Here is my code, currently it shows svg1 twice. I want to show svg1 and svg2. future I want to add more than 2 SVG animations. i am new to react and lottie import React from 'react'; import Lottie from 'react-lottie'; import svg1 from…
Ruchintha
  • 1
0
votes
1 answer

How to make a button play a lottie animation, whilst being inside of it

So I have a lottie animation and it’s exactly the animation that I need, however it only either auto plays or plays on hover or have video control for it. What I want to do is disguise a button inside the animation and only play the animation once…
Harris
  • 31
  • 5
0
votes
0 answers

Lottie Button Animation in Post Loop

I have a dynamic post loop with text and I want to put a lottie animation button in it. Each post in the loop has a dynamic data attribute data-post_id. When the button is clicked, a class is added to that particular button, and when it is clicked…
harvey
  • 201
  • 2
  • 12
0
votes
0 answers

SVGs getting cropped abnormally

I'm building a page that has multiple SVG animations, and I've noticed some are getting cropped abnormally, but only when certain other SVGs are also in the page. The cropping disappears when I set those certain SVGs are set to display: none or when…
user5814037
  • 1
  • 1
0
votes
1 answer

why bodymovin result animation looks more stretched than the source frames

im making an animation of some product that listens to you and reacts accordingly, however, i want to upload my animation to my webflow project my animation resolution is 1080x720, however i export the keyframes as PNG images (like webflow…
Monstermash
  • 31
  • 1
  • 6
0
votes
1 answer

net::ERR_FAILED while loading local .json file?

I am using bodyworks and lottie to load a custom SVG animation, and for some reason it is throwing a GET error. The path to the file is correct as it loads it fine when i copy and paste it into the browser so I am unsure what is going wrong? var…
David McIntyre
  • 218
  • 1
  • 9
0
votes
1 answer

jQuery - Toggle active state of two buttons

I have two buttons with bodymovin animations that I want to interact with each other so that if one of the buttons has the open state and the other button is clicked, the open button becomes closed and the animation runs again as if it were click…
Kyle Underhill
  • 89
  • 15
  • 43
0
votes
1 answer

Show a specific frame on initial load in lottie animation

I have a lottie animation that I have integrated it in my code. I want to show a specific frame on initial load and when the user hover it the animation should start from the beginning and completes it. This is what I want to show in first load - …
hakkim
  • 666
  • 15
  • 36
0
votes
1 answer

Using Bodymovin and Scrollmagic to animate as you scroll

I am using Bodymovin in combination with ScrollMagic and GSAP to animate through series of images as you scroll back and forth. Everything works great, except, when I reach the end it doesn't stay on the final image, but goes white. Libraries that…
user1207524
  • 251
  • 2
  • 12
  • 27
1 2 3
4
5 6 7