Question

How to DrawImage without losing animation?

        pictureBox1.Image = new Bitmap(20, 20);
        Graphics g = Graphics.FromImage(pictureBox1.Image);
        Image i = Properties.Resources.SuperMario; //Animated GIF; sprite; 20px X 20px
        g.DrawImage(i, 
            new Rectangle(0, 0, 20, 20),
            new Rectangle(0, 0, 20, 20),
            GraphicsUnit.Pixel);
        pictureBox1.Refresh();

The above codes, copies image portion from an animated sprite sheet (GIF format) to PictureBox‘ Image. Unfortunately, the animation is lost.

This is the sprite sheet: http://www.google.com/imgres?q=sprite+20×20&um=1&hl=en&client=firefox-a&rls=org.mozilla:en-US:official&biw=1067&bih=671&tbm=isch&tbnid=ulN4JRy6N4ToSM:&imgrefurl=http://nkelsch.deviantart.com/art/Super-Mario-20×20-Sprites-83482505&docid=GOCF1PgjPytbPM&imgurl=http://www.deviantart.com/download/83482505/Super_Mario_20x20_Sprites_by_nkelsch.gif&w=251&h=356&ei=4orQTvXPIKePiAerio24Dg&zoom=1&iact=hc&vpx=89&vpy=154&dur=7579&hovh=267&hovw=188&tx=131&ty=137&sig=107474527571502851152&page=1&tbnh=122&tbnw=86&start=0&ndsp=18&ved=1t:429,r:0,s:0

Thank you in advance.

Answer 1

Load the entire gif in picture box and position it such that only relevant portion is shown in picture box. Thats how sprites work. You don’t have to copy the portion of a particular frame because yes that would obviously lose animation.

Put your picture box inside a panel and then set the location of picture box to the position of sprite element.