Menu
CoddyTech

跑步动画

本课属于 Coddy Pygame 学习旅程的“游戏规则”单元。第 25 课,共 30 课。

跑步者滑行着前进。资源包中有同一个英雄的第二张图片 player_walk.png,它的双腿分开。切换这两张图片就能让它跑起来。

把两张图片都放在一个列表中,并统计帧数。self.step // 8 每 8 帧加 1,% 2 会将结果变成 0、1、0、1:

if self.rect.bottom == GROUND_Y:
    self.step += 1
    self.image = self.frames[self.step // 8 % 2]
else:
    self.image = self.frames[1]

每张图片显示 8 帧,在每秒 60 帧的情况下,大约相当于每秒迈 7 步。帧数更少,跑得更快;帧数更多,跑得更慢。

在空中时,没有地面可供它奔跑,所以跑步者会一直保持同一张图片,直到落地。把两张图片都加载一次,放在 __init__ 中,然后切换 self.image 指向的图片:组或 blit 会绘制它指向的图片。

challenge icon

挑战

中等

让跑步者的腿动起来。

  1. 将 player.png 和 player_walk.png 加载到列表 self.frames 中,并让 self.image 从第一帧开始,设置 self.step = 0。
  2. 在 update() 中,跑步者在地面上时,计数一步并显示 self.frames[self.step // 8 % 2]。
  3. 在空中时,显示 self.frames[1]。

按下“开始”:跑步者会原地跑动,跳跃时则保持一个姿势。然后按下“检查”。

亲手试试

import pygame

pygame.init()
screen = pygame.display.set_mode((640, 320))
pygame.display.set_caption("Sky Runner")
clock = pygame.time.Clock()

SKY = (140, 200, 240)
GROUND = (90, 160, 80)
GROUND_Y = 260
GRAVITY = 1


class Runner(pygame.sprite.Sprite):
    def __init__(self):
        super().__init__()
        self.image = pygame.image.load("assets/images/player.png").convert_alpha()
        self.rect = self.image.get_rect(midbottom=(100, GROUND_Y))
        self.vy = 0

    def jump(self):
        if self.rect.bottom == GROUND_Y:
            self.vy = -16

    def update(self):
        self.vy += GRAVITY
        self.rect.y += self.vy
        if self.rect.bottom >= GROUND_Y:
            self.rect.bottom = GROUND_Y
            self.vy = 0


runner = Runner()

running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False
        if event.type == pygame.KEYDOWN and event.key in (pygame.K_SPACE, pygame.K_UP):
            runner.jump()

    runner.update()

    screen.fill(SKY)
    pygame.draw.rect(screen, GROUND, (0, GROUND_Y, 640, 60))
    screen.blit(runner.image, runner.rect)
    pygame.display.flip()
    clock.tick(60)

pygame.quit()

游戏规则中的所有课

自己练习: Pygame 在线编辑器