Can ThorVG Replace Lottie Animation Text and Color Dynamically at Runtime?

[manishagarwal23]

We are creating Lottie assets where both the text and color need to be customized based on client input. Example of text are like "Congratulations John you have won" The work john would be a placeholder replaced based on user name provided programitically

Does ThorVG provide a way to dynamically replace

1. text
2. color
   in a Lottie animation at runtime?

If yes, can you share code samples, best practices, or references to relevant documentation/examples?

If not, are there any recommended workflows or workarounds for this use case with ThorVG?

[tinyjin]

Hey, @manishagarwal23

We'd recommend using Slot API for any dynamic change in runtime with Lottie asset, supporting TextDoc, Color and ETC.
As a sample code, you can refer to the LottieExtension.cpp Example:
https://github.com/thorvg/thorvg/blob/main/examples/LottieExtension.cpp

Plase note, mostly text asset in the Lottie animation is rendered via Shape. Thus if you want to change letters by simply putting new string, your asset should load text via font data.

[hermet]

@manishagarwal23 https://lottie.github.io/lottie-spec/latest/specs/helpers/#slots

[manishagarwal23]

thanks @tinyjin and @hermet . is there some sample for text replacement for the example "Congratulations John you have won" where i can replace john with name of user playing game

[hermet]

@manishagarwal23 fyi, Current Lottie doesn't have layout system. Please make sure to account for how the animation will appear if the username is longer than your design. Your design can be potentially broken by it.

[hermet]

@tinyjin Good to add a text case to LottieExtension.

[hermet]

-> #3833