Menu
CoddyTech

木箱をドラッグ

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

ドラッグには3つのイベントが必要です。箱の上でボタンを押し(MOUSEBUTTONDOWN)、ポインターを動かし(MOUSEMOTION、何度も発生)、ボタンを離します(MOUSEBUTTONUP)。ドラッグ中かどうかを覚えておくために、変数を使います。

elif event.type == pygame.MOUSEBUTTONDOWN:
    if crate.collidepoint(event.pos):
        dragging = True
elif event.type == pygame.MOUSEBUTTONUP:
    dragging = False
elif event.type == pygame.MOUSEMOTION and dragging:
    crate.move_ip(event.rel)

MOUSEMOTIONイベントのevent.relは、直前のイベントからポインターがどれだけ移動したかを(x, y)で表します。crate.move_ip(event.rel)は箱を同じ量だけ動かすため、つかんだ場所がポインターの下に留まります。

箱は宝石の後に描画されるため、宝石を隠すことがあります。そのため、箱の上で押したときに、その下にある宝石を収集してはいけません。まず箱を判定し、次にelifで宝石を判定することで、押下を受け取るのはどちらか一方だけになります。

challenge icon

チャレンジ

中級
  1. ループの前に、crate = pygame.Rect(40, 230, 60, 60)とdragging = Falseを作成します。
  2. MOUSEBUTTONDOWNで、クレート上で押されたときはdragging = Trueに設定し、それ以外の場合は(elif)これまでと同様に宝石を判定します。
  3. MOUSEBUTTONUPでdragging = Falseに設定します。ドラッグ中にMOUSEMOTIONが発生したら、event.rel分だけクレートを移動します。
  4. 宝石の輪郭を描画した後、茶色の(150, 100, 50)でクレートを描画し、幅3ピクセルの(110, 70, 35)の縁を付けます。

自分で試してみよう

import random
import pygame

pygame.init()
screen = pygame.display.set_mode((480, 360))
pygame.display.set_caption("Gem Hunt")
clock = pygame.time.Clock()

gem = pygame.Rect(225, 165, 30, 30)
score = 0

running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False
        elif event.type == pygame.MOUSEBUTTONDOWN:
            if gem.collidepoint(event.pos):
                score += 1
                gem.x = random.randint(15, 435)
                gem.y = random.randint(55, 315)

    screen.fill((30, 30, 46))
    gem_points = [gem.midtop, gem.midright, gem.midbottom, gem.midleft]
    pygame.draw.polygon(screen, (80, 220, 255), gem_points)
    if gem.collidepoint(pygame.mouse.get_pos()):
        pygame.draw.rect(screen, (255, 196, 0), gem.inflate(10, 10), 2)
    for i in range(score):
        pygame.draw.rect(screen, (240, 110, 180), (10 + 10 * i, 14, 8, 8))
    mouse_x, mouse_y = pygame.mouse.get_pos()
    pygame.draw.circle(screen, (240, 240, 240), (mouse_x, mouse_y), 10, 2)
    pygame.display.flip()
    clock.tick(60)

pygame.quit()

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

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