lottie.jsをつかって、AEで吐き出したjsonを読み込み
web上でアニメーションを実装したいと思っています。
アニメーションの表示には成功しているのですが、以下やりたいことが実装できなくて困っています。
ググりましたが、情報が少ない状態です。
- sample1.jsonを表示
- sample1.jsonが最後のまでアニメーションしたときにsample2.jsonに変更する
- sample2.jsonはそのままループする
アニメーションが最後に到達したというイベント(再生が停止したイベント)を取れれば
var tgt_container = document.getElementById('bodymovin-wrapper'); const anim = lottie.loadAnimation({ container: tgt_container, renderer: 'svg', loop: true, path: 'sample2.json' });
を再度実行すればtgt_containerにsample2.jsonが描画されるのかな?とおもっています。
ご回答よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/08 14:47
2018/12/09 00:33
2018/12/09 05:26
2018/12/09 06:12