{"id":3173,"date":"2019-08-26T19:18:18","date_gmt":"2019-08-26T17:18:18","guid":{"rendered":"https:\/\/pythonprogramming.altervista.org\/?p=3173"},"modified":"2019-09-09T06:29:23","modified_gmt":"2019-09-09T04:29:23","slug":"animation-with-pygame","status":"publish","type":"post","link":"https:\/\/pythonprogramming.altervista.org\/animation-with-pygame\/","title":{"rendered":"Animation with Pygame"},"content":{"rendered":"

Let’s animate some png files<\/h2>\n

Let’s say we got a bunch of files like these you can see below:<\/p>\n

\"\"<\/a> \"\"<\/a> \"\"<\/a> \"\"<\/a> \"\"<\/a> \"\"<\/a> \"\"<\/a> \"\"<\/a> \"\"<\/a> \"\"<\/a><\/p>\n

Whit pygame you can animate them and have something like this walking pumpkin guy that you can see in the following video:<\/p>\n

https:\/\/pythonprogramming.altervista.org\/wp-content\/uploads\/2019\/08\/animate2.mp4<\/a><\/video><\/div>\n

Let’s check out how to do this with Python and the module pygame.<\/p>\n

The sprites can be downloaded here<\/a>.<\/p>\n

I took the code from here<\/a>.<\/p>\n

I modified it a little bit to make it more compact and to avoid error messages at the end and the result was this.<\/p>\n

import pygame\r\nimport glob\r\n \r\nSIZE = WIDTH, HEIGHT = 150, 200 #the width and height of our screen\r\nFPS = 20 #Frames per second<\/pre>\n
This are just size and frame per seconds (higher value = higher speed).<\/p>\n
The sprite class<\/h2>\n
Here is the main change that I made to the original code.<\/p>\n
self.images = [pygame.image.load(img) for img in glob.glob(\"images\\\\*.png\")]<\/pre>\n
This is a list comprehension, a way to write a loop in python. We could have done the same stuff with this:<\/p>\n
list_of_png = glob.glob(\"images\\\\*.png\") # a list with all png files in images folder\r\nfor image in list_of_png:\r\n   pygame.image.load(image)<\/pre>\n
The original code that the one I made above was like this:<\/p>\n
        self.images = []\r\n        self.images.append(pygame.image.load('images\/walk1.png'))\r\n        self.images.append(pygame.image.load('images\/walk2.png'))\r\n        self.images.append(pygame.image.load('images\/walk3.png'))\r\n        self.images.append(pygame.image.load('images\/walk4.png'))\r\n        self.images.append(pygame.image.load('images\/walk5.png'))\r\n        self.images.append(pygame.image.load('images\/walk6.png'))\r\n        self.images.append(pygame.image.load('images\/walk7.png'))\r\n        self.images.append(pygame.image.load('images\/walk8.png'))\r\n        self.images.append(pygame.image.load('images\/walk9.png'))\r\n        self.images.append(pygame.image.load('images\/walk10.png'))<\/pre>\n
As you can see, in one like I made the work that was done here with 11 line. I had to change the name of the files to walk0.png1, walk02.png… with a 0 before the one digit numbers, because otherwise the code would put walk10.png after walk1.png.<\/p>\n
There is just one porblem with my code. In the list_of_png the walk10.png goes after the walk1.png, instead of being the last one of the list. There are several way to fix this and it’s left to your imagination, but I posted a solution in this post that you can read<\/a> (How to put a list of images in order) to see how I do it.<\/p>\n