【pygame】Chapter2-4：紙芝居アプリを作ろう｜関数による画面表示入門

# 画像の読み込み
img_path = Path(__file__).parent / "images" / "benkyo_neko1.png"
img1 = pygame.image.load(str(img_path))
img_path = Path(__file__).parent / "images" / "benkyo_neko2.png"
img2 = pygame.image.load(str(img_path))
img_path = Path(__file__).parent / "images" / "benkyo_neko3.png"
img3 = pygame.image.load(str(img_path))
img_path = Path(__file__).parent / "images" / "benkyo_neko4.png"
img4 = pygame.image.load(str(img_path))
img_path = Path(__file__).parent / "images" / "next.png"
next_img = pygame.image.load(str(img_path))

def page1(): # 1ページ目を表示する関数
    screen.blit(img1, (0, 0))         # 背景画像を表示
    screen.blit(next_img, (560, 380)) # 右下に次へボタンを表示
    pygame.display.update()           # 画面を更新

# メインループ
while True:
    page1()  # 関数を呼び出して1ページ目を表示する

    for event in pygame.event.get():
        if event.type == pygame.QUIT:  # 閉じるボタンが押されたら終了
            pygame.quit()
            sys.exit()

from pathlib import Path
import pygame, sys

# 初期化（ゲームの準備をする）
pygame.init()
screen = pygame.display.set_mode((750,450))
#画像の準備
img_path = Path(__file__).parent / "images" / "benkyo_neko1.png"
img1 = pygame.image.load(str(img_path))
img_path = Path(__file__).parent / "images" / "benkyo_neko2.png"
img2 = pygame.image.load(str(img_path))
img_path = Path(__file__).parent / "images" / "benkyo_neko3.png"
img3 = pygame.image.load(str(img_path))
img_path = Path(__file__).parent / "images" / "benkyo_neko4.png"
img4 = pygame.image.load(str(img_path))
img_path = Path(__file__).parent / "images" / "next.png"
next_img = pygame.image.load(str(img_path))

# ページ遷移用の変数
pushFlag = False # クリック状態を管理するフラグ変数
page = 1		 # 表示するページを表す変数。初期値は1ページ目

# ページごとの関数
def page1(): # 1ページ目を表示する関数
    screen.blit(img1, (0, 0))               # 1ページ目の画像を表示
    btn = screen.blit(next_img, (560, 380)) # ボタンを右下に配置
    button_to_jump(btn, 2)                  # button_to_jump関数の呼び出し

def page2(): # 2ページ目を表示する関数
    screen.blit(img2, (0, 0))
    btn = screen.blit(next_img, (560, 380))
    button_to_jump(btn, 3) # 3ページ目へジャンプ

def page3(): # 3ページ目を表示する関数
    screen.blit(img3, (0, 0))
    btn = screen.blit(next_img, (560, 380))
    button_to_jump(btn, 4) # 4ページ目へジャンプ

def page4(): # 4ページ目を表示する関数
    screen.blit(img4, (0, 0))
    btn = screen.blit(next_img, (560, 380))
    button_to_jump(btn, 1) # 4ページ目の次は最初のページに戻る
    
# ボタンが押されたら次のページへジャンプする関数
def button_to_jump(btn, newpage):      # 「ボタンオブジェクト」と「次のページナンバー」を引数として受け取る関数
    global page, pushFlag              # 関数の外の2つのグローバル変数を使用
    mdown = pygame.mouse.get_pressed() # マウスのボタン状態を取得
    (mx, my) = pygame.mouse.get_pos()  # マウスの位置を取得

    if mdown[0]:  # もし左クリックが押されたなら
        if btn.collidepoint(mx, my) and pushFlag == False: # もしボタンの範囲内 かつ クリックされていなかったなら
            page = newpage  # 「表示するページ」を更新
            pushFlag = True # クリックされたことを記録
    else:
        pushFlag = False　  # ボタンを離したらリセット
    
# メインループ
while True:
    # 現在のページを表示
    if page == 1: # もし変数pageの値が1なら
        page1()   # page1()関数を呼出し
    elif page == 2:
        page2()
    elif page == 3:
        page3()
    elif page == 4:
        page4()

    # 画面を更新
    pygame.display.update()
    pygame.time.Clock().tick(60)

    # イベント処理（ウィンドウを閉じる処理）
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()

def page1(): # 1ページ目を表示する関数
    screen.blit(img1, (0, 0))               # 1ページ目の画像を表示
    btn = screen.blit(next_img, (560, 380)) # ボタンを右下に配置
    button_to_jump(btn, 2)                  # button_to_jump関数の呼び出し

def button_to_jump(btn, newpage):      # 「ボタンオブジェクト」と「次のページナンバー」を引数として受け取る関数
    global page, pushFlag              # 関数の外の2つのグローバル変数を使用
    mdown = pygame.mouse.get_pressed() # マウスのボタン状態を取得
    (mx, my) = pygame.mouse.get_pos()  # マウスの位置を取得

    if mdown[0]:  # もし左クリックが押されたなら
        if btn.collidepoint(mx, my) and pushFlag == False: # もしボタンの範囲内 かつ クリックされていなかったなら
            page = newpage  # 「表示するページ」を更新
            pushFlag = True # クリックされたことを記録
    else:
        pushFlag = False　  # ボタンを離したらリセット

while True:
    if page == 1: # もし変数pageの値が1なら
        page1()   # 関数page1を呼出し
    elif page == 2:
        page2()
    elif page == 3:
        page3()
    elif page == 4:
        page4()