Menu
CoddyTech

セルのグリッド

CoddyのPygameジャーニー「プロジェクト」セクションの一部。レッスン 1/31。

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つを変更するとゲーム全体に反映されます。

challenge icon

チャレンジ

簡単
  1. ループの上に、先ほどと同様に各辺から1ピクセル内側に1つのセルを描画するdraw_cell(cell, color)を書きます。
  2. head = (5, 9)を設定します。
  3. 塗りつぶした後、draw_cell(head, (180, 255, 160))で頭を描画します。

自分で試してみよう

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()

プロジェクトのすべてのレッスン

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