title: Pixi.js generate SpriteSheet Animation or MovieClip from an animated gif file
body: <p>I am making a game that allows the player to link to their own gif images and immediately make them playable in the game, and need to convert animated .gif files into spritesheets.</p>
  
  <p>I have a jsfiddle that will load any image you past into the input, but it only loads the first frame:</p>
  
  <p><a href="http://jsfiddle.net/40k7g0cL/">http://jsfiddle.net/40k7g0cL/</a></p>
  
  <pre><code>var animatedGif = PIXI.Sprite.fromImage('http://i.imgur.com/egzJbiI.gif');
  </code></pre>
  
  <p>But pixi.js asset loader can only seem to load the first frame of an animated .gif file and not the rest.</p>
  
  <p>All the information I can find on this subject says I should convert the animated .gif file into a SpriteSheet ahead of time, however this is not possible because the player is going to be supplying the .gif images as they play, so I can not pre-process them ahead of time.</p>
  
  <p>Is there an easy way to load an animated .gif image, having it automatically converted to a SpriteSheet or MovieClip or even an array of Texture objects?</p>
  
  <p>If there is not a simple solution already in pixi.js, do I need to write my own plugin, perhaps using something like <a href="https://github.com/shachaf/jsgif">jsgif</a> to process the .gif and separate each frame manually?</p>
  
  <p>Any suggestions on how to go about generating a SpriteSheet from an animated .gif client-side in the browser (in javascript) could be useful.</p>