Re: PNG Image not appearing in Skottie

[Florin Malita]

Skottie defers resource loading to the embedding app, and at the moment skottie.skia.org does not support fetching external images.

The best way to test animations with image assets is to store them inline, base64 encoded ("Include in json" Bodymovin Assets option).  E.g. https://skottie.skia.org/e63151aefbef29a851b1c37c21007fa5?e=true&h=1704&w=786

On Tue, Aug 29, 2023 at 4:27 PM 'Dan Richman' via skia-discuss <skia-d...@googlegroups.com> wrote:

Anyone know why the image in this Lottie json doesn't appear in Skottie?

https://gist.github.com/danrichman/7c833c4ad95208fa7de3a9ff8960e16f

https://skottie.skia.org/77773613a99409951393df6bf262810c

It works fine if pasted in Lottie Editor, but it fails in Skottie for some reason. Any help would be greatly appreciated. Thanks.

--
You received this message because you are subscribed to the Google Groups "skia-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to skia-discuss...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/skia-discuss/10a7b8d7-0973-4d16-aa2e-47f3f7cdd081n%40googlegroups.com.

[craste...@gmail.com]

Oh, was this about fetching external PNG files?  At first, I was confused because none of the links you provided was a PNG file.

[Florin Malita]

On Wed, Aug 30, 2023 at 9:05 AM 'dan.r...@dockyard.com' via skia-discuss <skia-d...@googlegroups.com> wrote:

To clarify, the issue is that Skottie is not recognizing external paths, as Lottie permits.

Skottie (the core multi-platform C++ Lottie rendering library) does support external images: asset loading is externalized to the client, and it's up to the embedding layer to implement the correct handler.  You can totally write a Skottie-based app with external image support today.

You are correct that skottie.skia.org (the test web app) does not fetch external assets.  Sounds like a useful feature to consider.

 

For example:

```

{ "id": "my image", "h": 512, "w": 512, "e": 0, "u": "https://example.com/images/", "p": "image.png" }

```

--
You received this message because you are subscribed to the Google Groups "skia-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to skia-discuss...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/skia-discuss/9fd507bf-0154-4d23-9217-1c51b981b477n%40googlegroups.com.

[dan.r...@dockyard.com]

Thanks! I was able to figure it out by following ab examples in modules/canvaskit/npm_build/extra.html.

However, now I have another question. In that same file it shows an example of setting the color in a managed animation. However, if I change the color values of `BACKGROUND_FILL` there in doesn't have any effect on the colors of the `sk_drinks` animation. Should that `animation.setColor` work? Any ideas why it doesn't?

[Florin Malita]

Oh, looks like that example is using the wrong label.  Try `$BACKGROUND_FILL`, which is the actual fill layer name in https://storage.googleapis.com/skia-cdn/misc/drinks.json.

To view this discussion on the web visit https://groups.google.com/d/msgid/skia-discuss/c62ccfea-b0e0-4d88-b647-34029b5ab1a0n%40googlegroups.com.

[dan.r...@dockyard.com]

That worked! Thanks.