Animation in canvas

[Jonathan 5,176 Likes (Superhero)]

Hi Maxime, Do you have a codepen example to debug and test with the behavior you describe?

[Maxime 2 Likes (Newbie)]

It's not a server problem.

 

I have no idea why after a certain moment, the browser (Chrome/Safari) decide to load a new image instead of setting replacing the current one by the cached one...

 

Here is the codepen : http://codepen.io/magister/details/sGAym

 

If there is no solution for this I did the DOM replacement way... with .replaceChild()

 

This problem doesn't exist on Firefox.

 

[Jonathan 5,176 Likes (Superhero)]

Are you seeing this on Chrome/Safari on a Mac or IOS computer?

 

I am on PC - Windows 7 ()64-BIT - Chrome 36

 

When i look at your codepen example in codepen EDITOR mode i see the cancelled requests.

 

But if i look at your codepen example in codepen FULL PAGE mode:

 

See the Pen sGAym by magister (@magister) on CodePen

 

then I do not see the extra HTTP requests.

[Maxime 2 Likes (Newbie)]

Yes, I'm on Mac osx Chrome.

In the full page mode I still have canceled request at a certain time.

Strange.

[Jonathan 5,176 Likes (Superhero)]

Maybe someone else here on the forum can see if they see that same behavior on Mac OSX Chrome.

 

I only saw this behavior in codepen editor mode in Chrome Windows 7. But codepen full mode view does not output or make extra http request like in your photo above.

 

Weird stuff...

 

To me it looks like an issue with codepen's EDIT mode in Chrome on OSX.

 

Do you still see the extra  HTTP requests on your local testing environment or outside of codpen?