Szukaj…


rysowanie kształtów, tekstu i obrazów na ekranie za pomocą małej animacji

Ten program narysuje niektóre kształty na wyświetlaczu, narysuje „witaj świecie!” na środku ekranu i pozwól obrazowi przejść do każdego rogu okna. Możesz użyć każdego obrazu, który chcesz, ale musisz umieścić plik obrazu w tym samym katalogu, co program.

cały kod:

import pygame, sys
from pygame.locals import *

pygame.init()

FPS = 30 #frames per second setting
fpsClock = pygame.time.Clock()

#set up the window
screen = pygame.display.set_mode((400, 300), 0, 32)
pygame.display.set_caption('animation')

#set up the colors
white = (255, 255, 255)
black = (  0,   0,   0)
green = (0, 255, 0)
blue = (0, 0, 180)
red   = (255,   0,   0)

image  = pygame.image.load('image.png')
imagex = 360
imagey = 260
direction = 'left'

# text setting
font_obj = pygame.font.Font('freesansbold.ttf', 32)
text_surface_obj = font_obj.render('Hello World!', True, GREEN, BLUE)
text_rect_obj = text_surface_obj.get_rect()
text_rectObj.center = (200, 150)

while True: # the main game loop
    screen.fill(WHITE)

    # draw a green polygon onto the surface
    pygame.draw.polygon(screen, green, ((146, 0), (291, 106), (236, 277), (56, 277), (0, 106)))

    # draw some blue lines onto the surface
    pygame.draw.line(screen, blue, (60, 60), (120, 60), 4)
    pygame.draw.line(screen, blue, (120, 60), (60, 120))
    pygame.draw.line(screen, blue, (60, 120), (120, 120), 4)

    # draw a blue circle onto the surface
    pygame.draw.circle(screen, blue, (300, 50), 20, 0)

    # draw a red ellipse onto the surface
    pygame.draw.ellipse(screen, red, (100, 150, 40,80), 1)

    # draw a red rectangle onto the surface
    pygame.draw.rect(screen,red, (200, 150, 100, 50))

    # draw the text onto the surface
    screen.blit(text_surface_obj, text_rect_obj)


    #the animation of the image
    if direction == 'right':
        imagex += 5
        if imagex == 360:
            direction = 'down'
    elif direction == 'down':
        imagey += 5
        if imagey == 260:
            direction = 'left'
    elif direction == 'left':
        imagex -= 5
        if imagex == 20:
            direction = 'up'
    elif direction == 'up':
        imagey -= 5
        if imagey == 20:
            direction = 'right'
    screen.blit(image, (imagex, imagey))

    for event in pygame.event.get():
        if event.type == QUIT:
            pygame.quit()
            sys.exit()

    pygame.display.update()
    fpsClock.tick(FPS)

rysowanie białego tła:

screen.fill(white)

rysowanie wielokąta:

W tej funkcji definiujesz powierzchnię wyświetlania, kolor i pozycję każdego rogu wielokąta, możesz to zrobić zgodnie z ruchem wskazówek zegara i przeciwnie do ruchu wskazówek zegara.

pygame.draw.polygon(screen, green, ((146, 0), (291, 106), (236, 277), (56, 277), (0, 106)))

rysowanie linii:

Tutaj definiujesz powierzchnię wyświetlania, kolor, pierwszy i ostatni punkt oraz szerokość linii.

pygame.draw.line(screen, blue, (60, 60), (120, 60), 4)
pygame.draw.line(screen, blue, (120, 60), (60, 120))
pygame.draw.line(screen, blue, (60, 120), (120, 120), 4)

rysowanie koła:

W tej funkcji określasz powierzchnię wyświetlania, kolor, pozycję, promień i szerokość koła (0 daje zwykły okrąg).

pygame.draw.circle(screen, blue, (300, 50), 20, 0)

rysowanie elipsy:

W tej funkcji określasz powierzchnię wyświetlania, kolor, pozycję, rozmiar poziomy, rozmiar pionowy i szerokość elipsy

pygame.draw.ellipse(screen, red, (100, 150, 40,80), 1)

rysowanie prostokąta:

W tej funkcji określasz powierzchnię wyświetlania, kolor, pozycję oraz pionowy i poziomy rozmiar prostokąta.

pygame.draw.rect(screen,red, (200, 150, 100, 50))

definiowanie tekstu:

Najpierw określ typ i rozmiar tekstu. Używam podstawowej czcionki, którą otrzymujesz z pygame.

font_obj = pygame.font.Font('freesansbold.ttf', 32)

Następnie definiujesz rzeczywisty tekst, jeśli chcesz go pogrubić lub nie (True / False), kolor tekstu i, jeśli chcesz zaznaczyć swój tekst, kolor oznaczenia.

text_surface_obj = font_obj.render('Hello World!', True, green, blue)

Jeśli chcesz zaznaczyć swój tekst lub zdefiniować środek tekstu, musisz powiedzieć pygame, że za pomocą tej funkcji:

text_rect_obj = text_surface_obj.get_rect()

Następnie możesz zdefiniować środek tekstu za pomocą tej funkcji:

text_rect_obj.center = (200, 150)

rysowanie tekstu:

Jeśli zaznaczyłeś tekst lub zdefiniowałeś środek, musisz narysować tekst w ten sposób:

screen.blit(text_surface_obj, text_rectObj)

W przeciwnym razie rysujesz tekst, ale musisz zdefiniować pozycję, więc robisz to w ten sposób:

DISPLAYSURF.blit(textSurfaceObj, (100,50))

definiowanie obrazu:

Tutaj definiujesz obraz, którego chcesz użyć, pozycję początkową (współrzędne xiy) oraz kierunek obrazu.

image  = pygame.image.load('image.png')
imagex = 360
imagey = 260
direction = 'left'

animowanie obrazu:

Tutaj sprawdzasz kierunek obrazu, jeśli osiągnął róg, jeśli tak, zmień kierunek, jeśli nie, przesuń go o 5 pikseli w tym samym kierunku i narysuj obraz ponownie. Tak właśnie robimy z tą częścią kodu:

if direction == 'right':
    imagex += 5
    if imagex == 360:
        direction = 'down'
elif direction == 'down':
    imagey += 5
    if imagey == 260:
        direction = 'left'
elif direction == 'left':
    imagex -= 5
    if imagex == 20:
        direction = 'up'
elif direction == 'up':
    imagey -= 5
    if imagey == 20:
        direction = 'right'
screen.blit(image, (imagex, imagey))

Uwaga: mój obraz ma if imagey == 260: 20 na 20 pikseli, użyłem if imagex == 360 i if imagey == 260: ponieważ wtedy mój obraz jest 20 pikseli od krawędzi, jeśli twój obraz ma inny rozmiar, będziesz musiał zmienić liczby .

sprawdzanie, czy zamknąłeś program:

Tutaj sprawdzamy, czy zamknąłeś okno swojego programu.

for event in pygame.event.get():
    if event.type == QUIT:
        pygame.quit()
        sys.exit()

aktualizacja wyświetlacza:

Tutaj każesz pygame zaktualizować wyświetlacz, aby wszystko, co narysowałeś, pojawiło się na ekranie.

pygame.display.update()

definiowanie klatek na sekundę:

Tutaj każesz pygame spać wystarczająco, aby ustawienia klatek na sekundę były przestrzegane.

fpsClock.tick(FPS)


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow