Asset loader: only start animations when all of the assets are loaded

[galliotl]

Hello Rive team,

We're using the react sdk and we'd like to know if there's a way or if not if it's planned to have a feature where when using a custom asset loader (font in my case) we can specify that the animation should not start while the assets are still loading.

I saw this video from Gordon and my understanding is that the recommended approach is to preload the fonts before-hand. This can help for my use case but is not as easy DX wise because:

• as devs we don't necessarily know which assets will be required in the rive animation
• depending on how you preload your fonts you can still run into race conditions where you start the animation without having all the required assets

Thanks in advance

[HayesGordon]

The recommended approach is to preload the .riv file, at which point you can also load in the font files. Then only display the component when the Rive file object has been created.

See these docs: https://rive.app/docs/runtimes/caching-a-rive-file#react

Please reopen this issue if you run into issues. But that is the recommended way. The assetLoader callback system is intended to be a pull-based system, and not supplying an asset should still render other graphics. It was intentionally designed like that.