Flare-JS icon indicating copy to clipboard operation
Flare-JS copied to clipboard

Rive exported animation showing up blank

Open ifelse- opened this issue 5 years ago • 5 comments

Hello, I'm currently working with an animation exporting from Rive app.

The export is in Json flr format. I was recommended to use a 2d-inc runtime engine to run my animation using Javascript.

I have clone the repo and installed required npm dependencies. I can get the example animation to work fine. When I try to use the same code from js and html changing the flr file. My animation doesn't appear. I've checked the console and file loaded correct. The issue is that the js and html data is not the same.

Where can I find documentation on how to setup the html and js code to work with my exported flr animation from Rive?

Thanks

ifelse- avatar Jul 09 '20 18:07 ifelse-

The example folder should provide a basic setup for setting everything up in your app..! Would you mind sharing your .flr file, as well as your public file url? I can try taking a look

umberto-sonnino avatar Jul 10 '20 07:07 umberto-sonnino

Hey thanks for your reply. I have attached gif here. You will need to change to flr file. I needed to do that in order to upload it here. I have the flr2 as while. TestAnimation

ifelse- avatar Jul 10 '20 17:07 ifelse-

That link doesn't seem to work for me. If your file is public on Rive, could you share its url?

umberto-sonnino avatar Jul 11 '20 13:07 umberto-sonnino

That link doesn't seem to work for me. If your file is public on Rive, could you share its url?

https://rive.app/a/melmore/files/flare/basic-banking

ifelse- avatar Jul 13 '20 15:07 ifelse-

Hello, I'm currently working with an animation exporting from Rive app.

The export is in Json flr format. I was recommended to use a 2d-inc runtime engine to run my animation using Javascript.

I have clone the repo and installed required npm dependencies. I can get the example animation to work fine. When I try to use the same code from js and html changing the flr file. My animation doesn't appear. I've checked the console and file loaded correct. The issue is that the js and html data is not the same.

Where can I find documentation on how to setup the html and js code to work with my exported flr animation from Rive?

Thanks

please,How can the case file run. I still can't run according to the operation

19Qingfeng avatar Dec 14 '20 17:12 19Qingfeng