When changing GIFs, the animation stops working

[ondrejsvorc]

When changing GIFs, the animation stops working

[thomaslevesque]

Hi @ondrejsvorc,

Sorry you're having trouble. Not sure what could be causing this... it should work fine.

Is the ImageBehavior.AutoStart property set to true?

[thomaslevesque]

I tried using the other library of yours, XamlAnimatedGif,

AnimationBehavior.SetSourceUri(turtle.Body, gifSourceTurtle);

but it unfortunately didn't work either.

XamlAnimatedGif takes a URI, not a BitmapSource.

[ondrejsvorc]

Hi @ondrejsvorc,

Sorry you're having trouble. Not sure what could be causing this... it should work fine.

Is the ImageBehavior.AutoStart property set to true?

Well, I tried the following: ImageBehavior.SetAutoStart(turtle.Body, true); and it didn't make it work.

[ondrejsvorc]

I tried using the other library of yours, XamlAnimatedGif,
AnimationBehavior.SetSourceUri(turtle.Body, gifSourceTurtle);
but it unfortunately didn't work either.

XamlAnimatedGif takes a URI, not a BitmapSource.

Yeah, thanks. I mistyped there. However, it doesn't make a difference. The problem still lasts.

[thomaslevesque]

Well, I tried the following: ImageBehavior.SetAutoStart(turtle.Body, true); and it didn't make it work.

It's set to true by default, but I wonder if maybe you had disabled it

Anyway, in order to help you, I'm going to need to see more of your code. Are you able to share your project? If not, could you try to create a simple repro that you could share?

[ondrejsvorc]

Well, I tried the following: ImageBehavior.SetAutoStart(turtle.Body, true); and it didn't make it work.

It's set to true by default, but I wonder if maybe you had disabled it

Anyway, in order to help you, I'm going to need to see more of your code. Are you able to share your project? If not, could you try to create a simple repro that you could share?

Sure. There you have it all https://github.com/ondrejsvorc/TurtleWalk

[thomaslevesque]

Hi @ondrejsvorc,

Thanks for the repro! But I'm not sure what I'm supposed to do to reproduce the problem. It seems the only thing I can do is launch level 1, where I see the turtle cross the screen but I can't do anything. The UpdateImages method is never executed.
How should I reproduce the problem?

[ondrejsvorc]

You have to click on the images in the top right corner. One of them changes direction of the turtle and the other one stops or starts her movement. Once you do so, one of their Click methods is executed - at the end of the method there is UpdateImages() being called. I hope it helps!

[thomaslevesque]

Strange... on the PC where I first tried it, the control buttons didn't show up. Neither did the language switch buttons, so the app was in Czech. I just tried on another PC, and now I see those buttons.

I was able to reproduce the issue, however I don't really understand what's going on... The problem is related to the fact that you're using relative URIs for your images. This causes the animation loading to be deferred, and it should be retried when the base URI is known, but for some reason, that doesn't happen.

So, I don't know the exact cause, but there's an easy fix: use absolute URIs.
i.e. instead of

./Resources/Images/Turtle/turtle_direction_forward.gif

use

pack://application:,,,/Resources/Images/Turtle/turtle_direction_forward.gif

(and remove UriKind.Relative when you create the Uri instances)

[ondrejsvorc]

Hello,

I've been thinking a bit and I came to realise I use margins in XAML to position its content. Hence everyone sees my game wrongly on smaller monitors. I'm aware it is a bad practise and I will replace it, probably by Grid.RowDefinitions and Grid.ColumnDefinitions.

Thanks a lot for solving the problem. I really do appreciate your time! If it weren't for you, I would be probably still sitting here, racking my brain over it.

Have a nice rest of your day!

[thomaslevesque]

You're welcome. Good luck with your project!