{"id":7983,"date":"2020-12-27T15:11:34","date_gmt":"2020-12-27T14:11:34","guid":{"rendered":"https:\/\/pythonprogramming.altervista.org\/?p=7983"},"modified":"2020-12-27T15:11:37","modified_gmt":"2020-12-27T14:11:37","slug":"pygame-from-map-image-to-map-array","status":"publish","type":"post","link":"https:\/\/pythonprogramming.altervista.org\/pygame-from-map-image-to-map-array\/","title":{"rendered":"Pygame: from map image to map array"},"content":{"rendered":"\n

If we want to make a platform, it could be a good Idea to think to the map editor, if we want to make the game scenario quickly and easily changeable.<\/p>\n\n\n\n

I thought that it would be nice to just use a black and white image like this to be drawn with a simple image editor like paint or paint.net (free) to do it. This is just 16×16, so it’s very tiny. I will show it big, but it’s little.<\/p>\n\n\n\n

\"\"<\/a>
16×16 black an white image to be transformed in an array<\/figcaption><\/figure>\n\n\n\n

Map to array converter<\/h2>\n\n\n\n

This script will convert the image into an array<\/p>\n\n\n\n

import numpy as np\nfrom PIL import Image\n\n\ndef map_to_array(image):\n\timg = Image.open(image)   \n\timg = img.convert(mode=\"1\", dither=Image.NONE)\n\tarray = np.array(img, dtype=np.uint8)\n\tprint(array)\n\treturn array\n\nif __name__ == \"__main__\":\n\tmap_to_array(\"map1.png\")<\/pre>\n\n\n\n
This is the result<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Ok, now we can render this map into a pygame window. Let’s create the window first.<\/p>\n\n\n\n
import pygame as pg\n\n\nclass Game:\n\n\tdef __init__(self, w, h):\n\t\t\"Initialize main surface (screen) and starting the loop\"\n\t\tself.w = w\n\t\tself.h = h\n\t\tself.size = w, h\n\t\tself.screen = pg.display.set_mode(self.size)\n\t\tself.loop()\n\n\tdef close_window(self, event, game):\n\t\t\"Close the window with the x button or Esc\"\n\t\tquit = event.type == pg.QUIT\n\t\tescape = event.type == pg.KEYDOWN and event.key == pg.K_ESCAPE\n\t\tif quit or escape:\n\t\t\tgame = 0\n\t\treturn game\n\n\tdef loop(self):\n\t\t\"The loop that make the game go on\"\n\t\tgame = 1\n\t\twhile game:\n\t\t\tfor event in pg.event.get():\n\t\t\t\tgame = self.close_window(event, game)\n\t\tpg.quit()\n\n\ngame = Game(16x50, 16x50)<\/pre>\n\n\n\n
This code will do this:<\/p>\n\n\n\n
\"\"<\/a>
an empy window in pygame<\/figcaption><\/figure>\n\n\n\n
Let’s make the window 16*50×16*50, i.e. 800×800, so the window is 50 times the image 16×16. Each tile in the game will be 32×32. Now we are going to render the tiles. The tiles is this one only (a brick in the wall).<\/p>\n\n\n\n
[continues…]<\/p>\n\n\n\n
\r\n