Menu
CoddyTech

Vẽ hình vuông

Thuộc phần Vòng lặp trò chơi trong hành trình Pygame của Coddy. Bài học 3 trên 35.

Pygame đo kích thước cửa sổ bằng pixel, tính từ góc trên bên trái. x tăng về phía bên phải và y tăng xuống dưới, vì vậy (0, 0) là góc trên bên trái.

pygame.draw.rect(surface, color, rect) vẽ một hình chữ nhật được tô kín. Hình chữ nhật có dạng (x, y, width, height), trong đó x và y là tọa độ góc trên bên trái.

screen.fill((30, 30, 46))
pygame.draw.rect(screen, (255, 0, 0), (10, 20, 100, 50))
pygame.display.flip()

Lệnh này vẽ một hình chữ nhật màu đỏ rộng 100 pixel, cao 50 pixel, cách mép trái 10 pixel và cách mép trên 20 pixel.

Thứ tự rất quan trọng. Mọi thứ bạn vẽ sẽ phủ lên những gì đã có, vì vậy hãy vẽ sau fill, nếu không phần tô màu sẽ phủ lên hình của bạn.

challenge icon

Thử thách

Dễ

Vẽ hình vuông mà bạn sẽ di chuyển.

  1. Sau khi tô màu, vẽ một hình chữ nhật màu vàng (255, 196, 0), kích thước 40 x 40.
  2. Đặt góc trên bên trái của hình tại (220, 160).

Nhấn Chơi: một hình vuông màu vàng nằm ở giữa. Sau đó nhấn Kiểm tra.

Tự làm thử

import pygame

pygame.init()
screen = pygame.display.set_mode((480, 360))
pygame.display.set_caption("Move the Square")

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

pygame.quit()

Tất cả bài học trong Vòng lặp trò chơi

Tự luyện tập: Playground Pygame