如何使这个pygame精灵的旋转（通过中心旋转）起作用？

Question

使用pygame创建单个精灵旋转非常困难。

我正在遵循此代码（https://stackoverflow.com/a/47688650/5074998）来获取精灵的中心旋转。这是我当前的代码：

import pygame

FPS: int = 100
W = 600
H = 400
MAGENTA = (255, 0, 255)
BLACK = (0, 0, 0)

pygame.init()
screen = pygame.display.set_mode([W, H])
pygame.display.set_caption("Cars")
clock = pygame.time.Clock()


class sp():
    def __init__(self):
        self.image = pygame.Surface((122, 70), pygame.SRCALPHA)
        pygame.draw.polygon(self.image, pygame.Color('dodgerblue1'),
                            ((1, 0), (120, 35), (1, 70)))
        self.orig_image = self.image
        self.rect = self.image.get_rect(center=[W / 2, H / 2])
        self.angle = 0

    def update(self):
        self.angle += 2
        self.rotate()
        screen.blit(self.image, [100, 100])

    def rotate(self):
        self.image = pygame.transform.rotozoom(self.orig_image, self.angle, 1)
        self.rect = self.image.get_rect(center=self.rect.center)


sp1 = sp()
out = pause = False

while not out:
    clock.tick(FPS)
    for event in pygame.event.get():
        if event.type == pygame.QUIT or event.type == pygame.KEYDOWN and event.key == pygame.K_ESCAPE:
            out = True
        if event.type == pygame.KEYDOWN:
            if event.key == pygame.K_SPACE:
                pause = not pause
    if not pause:
        screen.fill(BLACK)
        sp1.update()
        pygame.display.flip()

但是我不明白为什么得到这个：

有人可以帮助我吗？

Answer 1

之所以会发生这种情况，是因为您是在self.image而不是[100, 100]的位置上挥动self.rect（这意味着在self.rect.topleft坐标上）。每次旋转后图像的大小都会有所不同，如果只是在相同的左上角坐标处对其进行涂抹，则图像将像这样摆动，因为中心在每帧的其他位置。您可以通过在[100, 100]处绘制边界矩形来看到这一点：

pygame.draw.rect(screen, (255, 0, 0), [(100, 100), self.image.get_size()], 1)

要解决此问题，您每次必须创建一个新的rect，并将其center坐标设置为上一个rect的center坐标。这也将调整topleft坐标（图像变白的位置），以使图像保持居中。然后只需在rect处涂抹图像即可：

screen.blit(self.image, self.rect)

绘制self.rect，以查看topleft坐标现在一直在变化，而中心不会移动：

pygame.draw.rect(screen, (255, 0, 0), self.rect, 1)