Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Is the "chain" mode available for the interactivity hook? #69

Open
g1sbi opened this issue Jul 29, 2022 · 2 comments
Open

Is the "chain" mode available for the interactivity hook? #69

g1sbi opened this issue Jul 29, 2022 · 2 comments

Comments

@g1sbi
Copy link

g1sbi commented Jul 29, 2022

No description provided.

@AldenB0
Copy link

AldenB0 commented Sep 26, 2022

I came here to ask the same question. I just attempted to implement an animation that I had built out a few months ago using the "chain" mode, and it appears that it doesn't work. I attempted a few workarounds but It doesn't seem like you can get the same effect while still using lottie-react. Would love to be proven wrong or have this feature added in the future. Animations are severely limited without it.

@samuelOsborne
Copy link

Hi @g1sbi , @AldenB0 the official dotLottie player supports both JSON and .lottie animations, but also includes state machine support. Creating your own state machines allows you to easily define simple or complex interactive scenarios.

You could drop your .json on our dotLottie playground

And then define your state machine in the 'states' panel. Documentation for state machine creation is available here, but let me know what sort of interactions you want to create and I can help out.

Once you create your .lottie and state machine, all you have to do is use the official dotLottie player and use the 'activeStateId' prop.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants