前言

在上一节中，我们了解了图片的导入及显示。那么接下来我们就使用上一节中的图片导入知识，使用tiles贴图来实现游戏地图的构建。

本节最终实现的效果

实现原理

实现原理其实比较好理解，首先将游戏窗口想象为大小一样的方格，如下图所示：

然后使用贴图对窗口中的方格进行填充，使用不同的编号代表不同的贴图，然后再将其加载到游戏窗口中：

这样我们就可以将地图表示为：

[[-1,-1,-1],[0,0,0],[1,1,1]]

如果地图很大

如果地图很大，一个一个编辑将会非常的麻烦，推荐使用tiled贴图编辑器。这里就不详细描述了，关于这个软件的教程，网上有很多，一看就会，编辑好之后导出csv文件就可以使用了：

csv文件的格式如下图所示：

实现代码如下：

import csv
import os
import pygame# -----------------------------------对象定义---------------------------------class World(object):def __init__(self):self.tile_list = []self.data = self.load_data("./level_0.csv")# load raw_imagesdirt_img = pygame.image.load('images/dirt.png')grass_img = pygame.image.load('./images/grassMid.png')row_count = 0for row in self.data:col_count = 0for tile in row:if tile == "0":img = pygame.transform.scale(grass_img, (tile_size, tile_size))img_rect = img.get_rect()img_rect.x = col_count * tile_sizeimg_rect.y = row_count * tile_sizetile = (img, img_rect)self.tile_list.append(tile)if tile == "1":img = pygame.transform.scale(dirt_img, (tile_size, tile_size))img_rect = img.get_rect()img_rect.x = col_count * tile_sizeimg_rect.y = row_count * tile_sizetile = (img, img_rect)self.tile_list.append(tile)col_count += 1row_count += 1def load_data(self, filename):map = []with open(os.path.join(filename)) as data:data = csv.reader(data, delimiter=',')for row in data:map.append(list(row))return mapdef draw(self):for tile in self.tile_list:screen.blit(tile[0], tile[1])# ------------------------------加载基本的窗口和时钟----------------------------
# 使用pygame之前必须初始化
pygame.init()
# 设置标题
pygame.display.set_caption("MyGame")
# 设置用于显示的窗口，单位为像素
screen_width, screen_height = tile_size * 32, tile_size * 16
screen = pygame.display.set_mode((screen_width, screen_height))
clock = pygame.time.Clock()  # 设置时钟
tile_size = 50 # 单个磁贴的大小
# -------------------------------- 加载对象 ----------------------------------
# 加载图片
bg_img = pygame.image.load("./images/bg.png").convert()  # 背景图片
cloud_img = pygame.image.load("./images/cloud.png").convert_alpha()  # 背景图片
bg_img = pygame.transform.scale(bg_img, (screen_width, screen_height))
cloud_img = pygame.transform.scale(cloud_img, (screen_width, screen_height))world = World()# ------------------------------- 游戏主循环 ---------------------------------
run = True
while run:clock.tick(60)# -------------------------------- 渲染对象 -------------------------------screen.blit(bg_img, (0, 0))screen.blit(cloud_img, (0, 0))world.draw()# ------------------------ 事件检测及状态更新 ------------------------------for event in pygame.event.get():  # 循环获取事件if event.type == pygame.QUIT:  # 若检测到事件类型为退出，则退出系统run = False# -------------------------- 窗口更新并绘制 -------------------------------pygame.display.update()  # 更新屏幕内容
pygame.quit()

项目结构及使用到的素材

项目结构

使用到的图片素材

pygame系列教程——使用tile贴片实现游戏地图相关推荐

pygame系列教程——1.2加载及显示图片
文章目录前言 pygame的坐标游戏刷新率 Demo演示 pygame加载图片一.加载图片二.渲染图片渲染的顺序三.刷新窗口前言在上一节中,我们了解了pygame的安装及并编写了一个p ...
python网页填表教程_PythonSpot 中文系列教程 · 翻译完成
原文:PythonSpot Python Tutorials 协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远. 在线阅读 ApacheCN 学 ...
PythonSpot 中文系列教程 · 翻译完成
原文:PythonSpot Python Tutorials 协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远. 在线阅读 ApacheCN 学 ...
python机器学习案例系列教程——支持向量机SVM、核函数
全栈工程师开发手册 (作者:栾鹏) python数据挖掘系列教程线性函数.线性回归.线性分类参考:http://blog.csdn.net/luanpeng825485697/article/de ...
Smart3D系列教程7之《手动配置S3C索引加载全部的瓦片数据》
一.前言迄今为止,Wish3D已经出品推出了6篇系列教程,从倾斜摄影的原理方法.采集照片的技巧.Smart3D各模块的功能应用.小物件的照片重建.大区域的地形重建到DSM及正射影像的处理生产,立足于 ...
unity2d游戏开发系列教程：四、一个2D游戏所需要的主要功能（游戏框架）
目录 unity2d游戏开发系列教程:一.环境安装 unity2d游戏开发系列教程:二.新建工程并熟悉Unity编辑器常用功能 unity2d游戏开发系列教程:三.场景布置,增加怪物和机关原文下载 ...
unity2d游戏开发系列教程：三、场景布置，增加怪物和机关
目录 unity2d游戏开发系列教程:一.环境安装 unity2d游戏开发系列教程:二.新建工程并熟悉Unity编辑器常用功能第一节.场景草地布置先查看一下资源文件里都有什么,一会就要用到的打开 ...
Altium designer18系列教程二原理图库制作
Altium designer18系列教程二原理图库制作制作原理图库一.新建原理图库文件(教程一中有提到) 二.界面介绍三.画原理图库元器件在前面的教程中主要讲了讲AD18的优点和AD18的 ...
php语+言教程,写给thinkphp开发者的laravel系列教程(九)打印数据-Fun言
php这种脚本语言调试起来是很方便的: 大多时候看报错打印一下数据就知道问题所在了: php 内置了常用打印函数 print 和 var_dump : 但是打印出来的样式实在让人目瞪狗呆: think ...

pygame系列教程——使用tile贴片实现游戏地图

文章目录

前言