투명 픽셀

Coddy Pygame 여정의 스프라이트와 이미지 섹션에 포함된 레슨. 36개 중 5번째.

이미지 파일은 항상 직사각형이지만, 적 함선은 그렇지 않습니다. 함선 주변의 픽셀은 투명합니다. 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은 Rect를 채우는 대신 1픽셀 두께의 윤곽선을 그립니다. 윤곽선과 함선 사이의 빈 공간을 살펴보세요. 두 Rect가 겹쳐도 그 안의 그림끼리는 닿지 않을 수 있지만, Rect를 사용한 충돌 검사는 여전히 두 물체가 부딪혔다고 판단합니다. 5장에서 이를 해결합니다.

챌린지

쉬움

검은색 상자가 사라지도록 세 적을 .convert() 대신 .convert_alpha()로 불러오세요.
각 적 뒤에 해당 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()