CODEWITHSUNDEEP
javascriptcanvasgif
lopidas
lopidas

Reputation: 13

GIF animation on canvas with frame control

I have some frames within gif and i want to play them on canvas with collision detection. Is there someway how to extract frames from gif with javascript?

Upvotes: 1

Views: 1088

Answers (1)

Simon Sarris
Simon Sarris

Reputation: 63812

The short answer is that JavaScript has no simple way of controlling the current frame of an Animated GIF.

The long answer is that there are sort-of ways to do what you want with just JS, but they are very much convoluted hacks.

Example of hackish way: Create a canvas and don't add it to the DOM (so this won't be seen by anyone). In a fast loop (setTimeout), draw to this canvas constantly and collect snapshots. Compare the canvas ImageData to see if the frames have changed or not.

Upvotes: 1

Related Questions