Showing a short segment of gameplay can be useful both for tutorial pages and for illustration of submissions. One way to do this is, in lieu of an all-out streaming video, is to create an animated GIF. This page documents one method for creating such an animation from a TAS.
The following tools are required:
First, you should dump an AVI using the CamStudio codec for the segment of movie that you wish to turn into an animated GIF. Don't be worried about capturing too much or too little; this can be clipped down in the next step.
Next, you want to open up the dumped AVI in VirtualDub. You can trim off excess footage by selecting the segments that should be removed using the menu options Set selection start and Set selection end and then deleting them by using the Delete button on your keyboard.
From here on, you can optionally reduce the frame rate, which is recommended for tutorial related purposes such as showing off a trick or engine bug that requires high precision. Adjusting the frame rate is done through the Frame rate... selection item under the Video menu - select Change frame rate to (fps) and set the frame rate to what is desired. For example, if you wanted to half the speed for a standard game you would change the fps to 30 instead of 60.
To export the GIF, go to the File menu and select Export > Animated GIF.... Set the path, filename, and how you want the file to loop and upload the end result to a good image host.
It is recommended that your GIF be 120 frames or shorter unless the imagery inside the GIF is simple so as to reduce the file size. For example, this animation is 700ish kilobytes despite being rather short - this would be bandwidth intensive for weaker internet connections. Also, many web browsers don't play GIFs at full speed if they're faster then 30fps. (TODO: Get exact fps, assuming it's standard across browsers)
TODO: Explain at some point disabling background layers that have large amounts of scrolling... or freezing the scrolls inside the emulator. I dunno... do something regarding this

HomePages/Flygon/HowToMakeAnimatedGif last edited by Flygon on 7/18/2010 4:01 AM
Page History Latest diff List referrers View Source