Menu
CoddyTech

メニュー画面

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

ほとんどのゲームはメニューから始まります。タイトルと、ゲームの始め方を伝える一文が表示されます。メニューも1つの状態です。まずは state = "menu" とし、その状態の間は別の画面を描画します。

ゲームを始める操作はキーを1回押すだけなので、イベントから読み取ります。KEYDOWN イベントはキーを押すたびに1回発生し、event.key から押されたキーがわかります。

if event.type == pygame.KEYDOWN:
    if event.key == pygame.K_RETURN and state == "menu":
        state = "play"

state == "menu" の部分が重要です。Enterキーで開始するのはメニュー画面のときだけです。その後、別の画面でEnterキーを押しても何も起こりません。

描画も状態に応じて変わります。

screen.fill((30, 30, 46))
if state == "menu":
    # タイトルと「Enterキーを押してプレイ」
else:
    # プレイヤー、岩、スコア、ゲームオーバー

更新処理は引き続き if state == "play": の中にあるため、メニューが表示されている間は何も動きません。

challenge icon

チャレンジ

簡単
  1. state = "menu"から始めます。
  2. イベントループ内で、Enterキーが押され、状態が"menu"のとき、"play"に設定します。
  3. 状態が"menu"の間は、暗い背景にMeteor Dodgeを(240, 140)の中央に、Press Enter to playを(240, 200)の中央に描画するだけにします。
  4. それ以外の場合は、これまでと同じようにゲームを描画します。

自分で試してみよう

import random
import pygame

pygame.init()
screen = pygame.display.set_mode((480, 360))
pygame.display.set_caption("Meteor Dodge")
clock = pygame.time.Clock()
font = pygame.font.Font(None, 32)

player = pygame.Rect(220, 300, 40, 40)
rock = pygame.Rect(random.randint(0, 456), -24, 24, 24)
score = 0
state = "play"

running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False

    if state == "play":
        keys = pygame.key.get_pressed()
        if keys[pygame.K_LEFT]:
            player.x -= 6
        if keys[pygame.K_RIGHT]:
            player.x += 6
        player.clamp_ip(screen.get_rect())

        rock.y += 4
        if rock.top > 360:
            rock.y = -24
            rock.x = random.randint(0, 456)
            score += 1
        if rock.colliderect(player):
            state = "over"

    screen.fill((30, 30, 46))
    pygame.draw.rect(screen, (255, 196, 0), player)
    pygame.draw.rect(screen, (235, 80, 80), rock)
    score_text = font.render(f"Score: {score}", True, (240, 240, 240))
    screen.blit(score_text, (10, 10))
    if state == "over":
        message = font.render("Game over", True, (240, 240, 240))
        screen.blit(message, message.get_rect(center=(240, 160)))
    pygame.display.flip()
    clock.tick(60)

pygame.quit()
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

ゲームのルールのすべてのレッスン

自分で練習してみよう: Pygameプレイグラウンド