走るアニメーション

CoddyのPygameジャーニー「ゲームのルール」セクションの一部。レッスン 25/29。

ランナーは滑るように進みます。素材には、同じヒーローのもう1枚の画像、player_walk.pngがあります。脚を広げたポーズです。2枚の画像を切り替えると、走っているように見えます。

両方をリストに入れて、フレーム数を数えます。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]

1枚あたり8フレームなら、毎秒60フレームの場合、1秒に約7歩の速さです。フレーム数を減らすと速く走り、増やすと遅くなります。

空中には走るための地面がないので、着地するまでランナーは1枚の画像を表示し続けます。2枚の画像は__init__で一度だけ読み込み、self.imageが指す画像を切り替えます。グループまたはblitは、self.imageが指す画像を描画します。

チャレンジ

中級

player.png と player_walk.png をリスト self.frames に読み込み、最初の要素を self.image に設定し、self.step = 0 とします。
update() では、地面にいるときに歩数を数え、self.frames[self.step // 8 % 2] を表示します。
空中にいるときは、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プレイグラウンド