pygame-KidsCanCode系列jumpy-part12-platform图片

目前为止，Player的站立、行走、跳跃都是动画了，只有跳板(即：Platform类）还是难看的矩形，这节我们把Platform也换成图片：

原来的Platform类长这个样子：

class Platform(pg.sprite.Sprite):
    def __init__(self, x, y, w, h):
        pg.sprite.Sprite.__init__(self)
        self.image = pg.Surface((w, h))
        self.image.fill(GREEN)
        self.rect = self.image.get_rect()
        self.rect.x = x
        self.rect.y = y

如果用图片，就不再需要w,h这个参数了(因为图片自带尺寸大小)，所以变成下面这样：

class Platform(pg.sprite.Sprite):
    def __init__(self, game, x, y):
        pg.sprite.Sprite.__init__(self)
        self.game = game
        # 改成加载图片
        images = [self.game.spritesheet.get_image("ground_grass_broken.png"),
                  self.game.spritesheet.get_image("ground_grass_small_broken.png")]
        # 随机选一张
        self.image = random.choice(images)
        self.rect = self.image.get_rect()
        self.rect.x = x
        self.rect.y = y

相应的，最开始初始化的5块platform信息(settings.py)

# starting platform
PLATFORM_LIST = [(0, HEIGHT - 30, WIDTH, 30),
                 (WIDTH / 2 - 50, HEIGHT * 0.75, 100, 15),
                 (WIDTH * 0.12, HEIGHT * 0.5, 60, 15),
                 (WIDTH * 0.65, 200, 80, 10),
                 (WIDTH * 0.5, 100, 50, 10)]

调整成：

# starting platform
PLATFORM_LIST = [(5, HEIGHT - 35),
                 (WIDTH / 2 - 50, HEIGHT * 0.75),
                 (WIDTH * 0.12, HEIGHT * 0.5),
                 (WIDTH * 0.65, 200),
                 (WIDTH * 0.5, 100)]

同时，调整下Player出场时的位置，让它站在最底面的第1块板上：

class Player(pg.sprite.Sprite):
    def __init__(self, game):
        pg.sprite.Sprite.__init__(self)
        self.game = game
        ...
        self.rect = self.image.get_rect()
        # 初始化时，停在第一块platform上
        self.rect.center = (35, HEIGHT - 35)
        self.pos = self.rect.center
        ...

 main.py里的new函数，也做相应的调整：

    def new(self):
        self.score = 0
        ...

        for plat in PLATFORM_LIST:
            # 这里相应调整
            p = Platform(self, *plat)
            ...

main.py中的update函数里，最后再调整一下：

    def update(self):
        self.all_sprites.update()
        ...

        while len(self.platforms) <= 5:
            width = random.randrange(50, 100)
            # 这里也做相应调整
            p = Platform(self, random.randint(0, WIDTH - width),
                         random.randint(-70, -30))
            self.platforms.add(p)
            ...

跑起来看看，基本效果出来了，难看的矩形终于没有了，但是仔细观察下，漏洞百出，比如下面这些：

问题1：跳板太靠右，边界跑到屏幕外了

修复方法：

检测下platform的right值，如果超出边界，向左挪一点

    def new(self):
       ...

        for plat in PLATFORM_LIST:
            p = Platform(self, *plat)
            # 如果platform位置太靠右，跑出屏幕外，校正位置
            if p.rect.right >= WIDTH:
                p.rect.centerx = p.rect.centerx - (p.rect.right - WIDTH) - 2
            ...

问题二：platform把player实例给挡住了

类似photoshop的图层一样，pygame里也有layer的概念，最后绘制的对象，默认在最上层

修复方法：main.py的draw函数，在最后，强制再绘制一次player（tips: 其实有更好的办法，利用图层概念，可参考part17部分）

    def draw(self):
        self.screen.fill(LIGHT_BLUE)
        self.all_sprites.draw(self.screen)
        self.debug()
        self.draw_text(str(self.score), 22, WHITE, WIDTH / 2, 15)
        # 强制把player放在最上层
        self.screen.blit(self.player.image, self.player.rect)
        pg.display.update()

问题三：跳板叠在一起

解决方法：

思路：随机生成的新跳板，先不急着加入self.platforms，而是运用碰撞检测原理，与现有跳板做碰撞检测（叠在一起，肯定就碰撞上了），如果碰撞了，就扔掉（pygame下一帧会重新生成，如此循环，直到满足条件的跳板加入）

    def update(self):
        self.all_sprites.update()
        ...
        # 跳板数<5，且player未跌落到屏幕外(否则player跌到屏幕外，仍在不停做碰撞检测，性能开销极大，会把程序卡死)
        while len(self.platforms) <= 5 and self.player.rect.bottom < HEIGHT:
            width = random.randrange(50, 100)
            # 这里也做相应调整
            p = Platform(self, random.randint(0, WIDTH - width),
                         random.randint(-70, -30))
            if p.rect.right >= WIDTH:
                p.rect.centerx = p.rect.centerx - (p.rect.right - WIDTH) - 2
            self.all_sprites.add(p)
            # 防止二个plat平台叠在一起（原理：用待加入的plat与其它platform实例做碰撞检测，如果碰撞了，则扔掉）
            hits = pg.sprite.spritecollideany(p, self.platforms)
            if hits:
                p.kill()
            else:
                self.platforms.add(p)

问题四： player已经超过了屏幕顶端，但是屏幕并没有向上滚动，这样玩家就无法看到头顶的新跳板。

解决办法：

先来分析下main.py中update函数中的滚动处理

        if self.player.rect.top < HEIGHT / 4:
            self.player.pos.y += abs(self.player.vel.y)
            for plat in self.platforms:
                plat.rect.top += abs(self.player.vel.y)
                if plat.rect.top > HEIGHT:
                    ...

如果player的y轴速度为0，abs函数算出来的值为0，所以跳板与兔子的y坐标值并不会动（也就是屏幕无法滚动），改进为下面这样：

    def update(self):
        self.all_sprites.update()
        ...
        if self.player.rect.top < HEIGHT / 4:
            # 防止垂直方向速度为0时，无法滚动屏幕
            self.player.pos.y += max(abs(self.player.vel.y), 2)
            for plat in self.platforms:
                plat.rect.top += max(abs(self.player.vel.y), 2)
                if plat.rect.top > HEIGHT:
                    ...

修复了上面这一堆bug后，再来运行下：

源码： https://github.com/yjmyzz/kids-can-code/tree/master/part_12