Menu
CoddyTech

Прозрачные пиксели

Часть раздела Спрайты и изображения путешествия по Pygame на Coddy. Урок 5 из 36.

Файл изображения всегда представляет собой прямоугольник, а вражеский корабль — нет. Пиксели вокруг него прозрачные: у каждого пикселя PNG есть четвёртое число — его альфа-канал, от 0 (прозрачный) до 255 (непрозрачный).

В стартовом коде три врага загружаются с помощью convert(), которая отбрасывает альфа-канал: каждый прозрачный пиксель становится чёрным, и каждый враг оказывается в чёрном прямоугольнике. convert_alpha() сохраняет альфа-канал, поэтому окно закрывают только непрозрачные пиксели. Используй этот метод для всего, что не является сплошным прямоугольником.

Rect по-прежнему представляет собой весь прямоугольник. Нарисуй его контур, чтобы увидеть занимаемую изображением область:

rect = red.get_rect(topleft=(128, 200))
screen.blit(red, rect)
pygame.draw.rect(screen, (90, 90, 120), rect, 1)

Последнее число, 1, рисует контур толщиной в 1 пиксель вместо заливки Rect. Посмотри на промежутки между контуром и кораблём. Два Rect могут перекрываться, даже если изображения внутри них не соприкасаются, и проверка столкновения с помощью Rect всё равно покажет, что они столкнулись. В главе 5 это будет исправлено.

challenge icon

Задание

Легко
  1. Загрузи трёх врагов с помощью .convert_alpha() вместо .convert(), чтобы чёрные прямоугольники исчезли.
  2. Обведи Rect каждого врага цветом (90, 90, 120) линией шириной 1 пиксель. Враги остаются на позициях (128, 200), (288, 200) и (448, 200).

Попробуйте сами

import pygame

pygame.init()
screen = pygame.display.set_mode((640, 480))
pygame.display.set_caption("Three Enemies")
clock = pygame.time.Clock()

red = pygame.image.load("assets/images/enemy_red.png").convert()
green = pygame.image.load("assets/images/enemy_green.png").convert()
yellow = pygame.image.load("assets/images/enemy_yellow.png").convert()

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

    screen.fill((20, 22, 40))
    screen.blit(red, (128, 200))
    screen.blit(green, (288, 200))
    screen.blit(yellow, (448, 200))
    pygame.display.flip()
    clock.tick(60)

pygame.quit()
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Спрайты и изображения

Потренируйтесь самостоятельно: Песочница Pygame