セルのグリッド

Coddyの「Pygameでゲームを作ろう」コースのレッスン 19/41。

Snakeはグリッド上を移動します。ウィンドウは24列×18行のセルで構成され、各セルは一辺20ピクセルです。Snakeは一度にセル1つ分ずつ移動します。

セル単位で処理し、描画するときだけピクセルに変換します。セル(col, row)はピクセル位置(col * 20, row * 20)から始まります。各セルを縦横それぞれ2ピクセル小さく描画し、各辺から1ピクセル内側に配置すると、隣り合うセルの間に細い隙間ができ、Snakeの各セグメントが見やすくなります。

def draw_cell(cell, color):
    col, row = cell
    pygame.draw.rect(screen, color, (col * CELL + 1, row * CELL + 1, CELL - 2, CELL - 2))

col, row = cellはタプルを2つの変数にアンパックします。CELL、COLS、ROWSのような定数に数値をまとめておきましょう。コードを見ればそれぞれの意味がわかり、どれか1つを変更すればゲーム全体に反映されます。

チャレンジ

簡単

セルのグリッド上にヘビの頭を描きます。

ループの上に、上と同じように各辺から1ピクセル内側に1つのセルを描画する draw_cell(cell, color) を書きます。
head = (5, 9) を設定します。
塗りつぶしの後に、draw_cell(head, (180, 255, 160)) で頭を描画します。

「プレイ」を押します。9行目の左側に緑のセルが表示されます。その後、「確認」を押します。

自分で試してみよう

import pygame

CELL = 20
COLS, ROWS = 24, 18

pygame.init()
screen = pygame.display.set_mode((COLS * CELL, ROWS * CELL))
pygame.display.set_caption("Snake")
clock = pygame.time.Clock()

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

    screen.fill((30, 30, 46))
    pygame.display.flip()
    clock.tick(10)

pygame.quit()