Python 植物大战僵尸代码实现: 图片加载和显示切换
游戏介绍
以前很火的植物大战僵尸游戏, 本想在网上找个python版本游戏学习下,无奈没有发现比较完整的,那就自己来写一个把。图片资源是从github上下载的,因为图片资源有限,只能实现几种植物和僵尸。
功能实现如下:
支持的植物类型:太阳花,豌豆射手,寒冰射手,坚果,樱桃炸弹。新增加植物:双重豌豆射手,三重豌豆射手。
支持的僵尸类型:普通僵尸,棋子僵尸,路障僵尸,铁桶僵尸。
使用json文件保存关卡信息,设置僵尸出现的时间和位置。
新增加除草机。
下面是游戏的截图:
图1
图2
图片显示切换
从图1和图2可以看到,僵尸的行走和攻击时的图片显示会有不同,这篇文章讲下如何进行图片显示的切换。
以上面的路障僵尸为例,一共有下面几种图片类型。
- 带着路障行走
- 带着路障攻击
- 不带路障行走(即变成普通僵尸的行走)
- 不带路障攻击(即变成普通僵尸的攻击)
- 没有头的行走
- 没有头的攻击
- 死亡
图3是路障僵尸的这7种图片类型的示例
图片加载
植物大战僵尸的图片资源比较特别,一种图片类型的每一个动作是一个单独的图片,如图4是路障僵尸带着路障攻击的动作图片,一共有11个图片,所以加载图片的代码要做对应的修改。
完整代码
游戏实现代码的github链接 植物大战僵尸
这边是csdn的下载链接 植物大战僵尸
图片加载
在 source\tool.py 中 load_all_gfx 函数遍历resources\graphics 目录和子目录。
代码中做了一个简单的区分:
- 如果在resources\graphics\subfolder\ 目录中是图片,那就是单独的一个图片,比如resources\graphics\Screen 目录中的界面图片
- 如果在resources\graphics\subfolder\ 目录中是子目录,那这个子目录或子子目录中的所有图片都属于一个图片类型,比如resources\graphics\Zombies\ConeheadZombie\ConeheadZombieAttack 目录下就是路障僵尸带着路障攻击的动作图片, 如图4所示。
def load_all_gfx(directory, colorkey=c.WHITE, accept=('.png', '.jpg', '.bmp', '.gif')): graphics = {} for name1 in os.listdir(directory): # subfolders under the folder resources\graphics dir1 = os.path.join(directory, name1) if os.path.isdir(dir1): for name2 in os.listdir(dir1): dir2 = os.path.join(dir1, name2) if os.path.isdir(dir2): # e.g. subfolders under the folder resources\graphics\Zombies for name3 in os.listdir(dir2): dir3 = os.path.join(dir2, name3) # e.g. subfolders or pics under the folder resources\graphics\Zombies\ConeheadZombie if os.path.isdir(dir3): # e.g. it's the folder resources\graphics\Zombies\ConeheadZombie\ConeheadZombieAttack image_name, _ = os.path.splitext(name3) graphics[image_name] = load_image_frames(dir3, image_name, colorkey, accept) else: # e.g. pics under the folder resources\graphics\Plants\Peashooter image_name, _ = os.path.splitext(name2) graphics[image_name] = load_image_frames(dir2, image_name, colorkey, accept) break else: # e.g. pics under the folder resources\graphics\Screen name, ext = os.path.splitext(name2) if ext.lower() in accept: img = pg.image.load(dir2) if img.get_alpha(): img = img.convert_alpha() else: img = img.convert() img.set_colorkey(colorkey) graphics[name] = img return graphics GFX = load_all_gfx(os.path.join("resources","graphics"))
load_image_frames 函数 将目录中的所有图片按照图片名称中的index值为key,保存在tmp 字典中。比如图片名称为"ConeheadZombieAttack_2",它的index值就为2。
然后将图片按index值依次加入到 frame_list 中。
def load_image_frames(directory, image_name, colorkey, accept): frame_list = [] tmp = {} # image_name is "Peashooter", pic name is 'Peashooter_1', get the index 1 index_start = len(image_name) + 1 frame_num = 0; for pic in os.listdir(directory): name, ext = os.path.splitext(pic) if ext.lower() in accept: index = int(name[index_start:]) img = pg.image.load(os.path.join(directory, pic)) if img.get_alpha(): img = img.convert_alpha() else: img = img.convert() img.set_colorkey(colorkey) tmp[index]= img frame_num += 1 for i in range(frame_num): frame_list.append(tmp[i]) return frame_list
图片显示切换
在 source\component\zombie.py 中, Zombie 类是所有僵尸类的父类,初始化 函数调用loadImages函数加载所有支持的图片类型,设置Sprite 精灵类显示需要的成员变量 image和rect。
loadFrames函数给具体的子类来调用,获取图片。
class Zombie(pg.sprite.Sprite): def __init__(self, x, y, name, health, head_group=None, damage=1): pg.sprite.Sprite.__init__(self) self.name = name self.frames = [] self.frame_index = 0 self.loadImages() self.frame_num = len(self.frames) self.image = self.frames[self.frame_index] self.rect = self.image.get_rect() self.rect.centerx = x self.rect.bottom = y ... def loadFrames(self, frames, name, image_x): frame_list = tool.GFX[name] rect = frame_list[0].get_rect() width, height = rect.w, rect.h width -= image_x for frame in frame_list: frames.append(tool.get_image(frame, image_x, 0, width, height))
基本的功能都在Zombie 父类中实现,如果子类有特殊需求,可以重定义同名函数。
update 函数:每个tick 都会调用的入口函数,用来更新僵尸的位置,切换状态和更新图片显示。
handleState 函数:根据僵尸当前的状态来执行不同的函数。
animation 函数:每隔指定的 animate_interval 时间会显示图片类型的下一个动作。
def update(self, game_info): self.current_time = game_info[c.CURRENT_TIME] self.handleState() self.animation() def handleState(self): if self.state == c.WALK: self.walking() elif self.state == c.ATTACK: self.attacking() elif self.state == c.DIE: self.dying() def animation(self): if (self.current_time - self.animate_timer) > self.animate_interval: self.frame_index += 1 if self.frame_index >= self.frame_num: if self.state == c.DIE: self.kill() return self.frame_index = 0 self.animate_timer = self.current_time self.image = self.frames[self.frame_index]
下面四个函数是修改僵尸的当前状态和图片显示。
- setWalk 函数:修改为行走状态,图片显示会根据不同值设置不同的图片类型。
- setAttack 函数:修改为攻击状态,图片显示会根据不同值设置不同的图片类型。
- setDie 函数:修改为死亡状态。
- changeFrames 函数:修改图片类型后,需要重新设置成员变量frame_num,frame_index, image和rect的值。
def setWalk(self): self.state = c.WALK self.animate_interval = 150 if self.helmet: self.changeFrames(self.helmet_walk_frames) elif self.losHead: self.changeFrames(self.losthead_walk_frames) else: self.changeFrames(self.walk_frames) def setAttack(self, plant): self.plant = plant self.state = c.ATTACK self.animate_interval = 100 if self.helmet: self.changeFrames(self.helmet_attack_frames) elif self.losHead: self.changeFrames(self.losthead_attack_frames) else: self.changeFrames(self.attack_frames) def setDie(self): self.state = c.DIE self.animate_interval = 200 self.changeFrames(self.die_frames) def changeFrames(self, frames): '''change image frames and modify rect position''' self.frames = frames self.frame_num = len(self.frames) self.frame_index = 0 bottom = self.rect.bottom centerx = self.rect.centerx self.image = self.frames[self.frame_index] self.rect = self.image.get_rect() self.rect.bottom = bottom self.rect.centerx = centerx
路障僵尸类就比较简单,只需要实现 loadImages 函数,调用loadFrames函数加载该种僵尸支持的图片类型,这边主要的差异在于不同种类僵尸的图片类型的名称会有区别。
class ConeHeadZombie(Zombie): def __init__(self, x, y, head_group): Zombie.__init__(self, x, y, c.CONEHEAD_ZOMBIE, c.CONEHEAD_HEALTH, head_group) self.helmet = True def loadImages(self): self.helmet_walk_frames = [] self.helmet_attack_frames = [] self.walk_frames = [] self.attack_frames = [] self.losthead_walk_frames = [] self.losthead_attack_frames = [] self.die_frames = [] helmet_walk_name = self.name helmet_attack_name = self.name + 'Attack' walk_name = c.NORMAL_ZOMBIE attack_name = c.NORMAL_ZOMBIE + 'Attack' losthead_walk_name = c.NORMAL_ZOMBIE + 'LostHead' losthead_attack_name = c.NORMAL_ZOMBIE + 'LostHeadAttack' die_name = c.NORMAL_ZOMBIE + 'Die' frame_list = [self.helmet_walk_frames, self.helmet_attack_frames, self.walk_frames, self.attack_frames, self.losthead_walk_frames, self.losthead_attack_frames, self.die_frames] name_list = [helmet_walk_name, helmet_attack_name, walk_name, attack_name, losthead_walk_name, losthead_attack_name, die_name] for i, name in enumerate(name_list): self.loadFrames(frame_list[i], name, tool.ZOMBIE_RECT[name]['x']) self.frames = self.helmet_walk_frames
学习视频关注讨论群:887934385 源码、及相关素材
编译环境
python3.7 + pygame1.9
- [置顶] cocos2d-x 植物大战僵尸(13)类似酷跑的【同一角色不同动画间的切换的实现】...
- JavaScript代码实现图片延迟加载并淡入淡出显示效果
- [置顶] cocos2d-x 植物大战僵尸(13)类似酷跑的【同一角色不同动画间的切换的实现】
- 用TreeView控件实现资源管理器(显示本地硬盘下所有文件夹和文件,并可以浏览图片)(示例代码下载)
- 一段实现页面上的图片延时加载的js代码
- JS小功能(setInterval实现图片效果显示时间)实例代码
- 实现图片按照比例显示(java代码)
- 用src属性动态替换图片;图片预加载---鼠标事件实现图片翻转效果;随机显示图片和onClick事件
- jQuery实现图片信息的浮动显示实例代码
- spring框架中多数据源创建加载并且实现动态切换的配置实例代码
- jquery 插件实现图片延迟加载效果代码
- 简短几句jquery代码的实现一个图片向上滚动切换。
- Jquery+CSS实现的大气漂亮图片切换效果代码
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- Cocos2d-x使用CCAnimation小实验——显示植物大战僵尸中的植物和僵尸
- 多种方法实现load加载完成后把图片一次性显示出来
- Cocos2d-x-打飞机、捕鱼达人、植物大战僵尸图片素材
- 七行jquery代码实现图片渐变切换【兼容ie6+、 Chrome、 Firefox】
- JSQL 批量图片切换的实现代码
- php下将图片以二进制存入mysql数据库中并显示的实现代码