繪圖和基本動畫

這個節目繪製了一些形狀和’ Hello World! ‘讓影象進入視窗的每個角落。

完整的程式碼:

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((500,400), 0, 32)
pygame.display.set_caption('drawing')

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

imageImg  = pygame.image.load('baddie.png')
imagex = 320
imagey = 220
direction = 'left'

fontObj = pygame.font.Font('freesansbold.ttf', 32)
text = fontObj.render('Hello World!', True, green, blue)
rect = text.get_rect()
rect.center = (200, 150)

# the main game loop
while True:
    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), 100, 0)

    # draw a red ellipse onto the surface
    pygame.draw.ellipse(screen, red, (300, 250, 80,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, rect)

    if direction == 'right':
        imagex += 5
        if imagex == 320:
            direction = 'down'
    elif direction == 'down':
        imagey += 5
        if imagey == 220:
            direction = 'left'
    elif direction == 'left':
        imagex -= 5
        if imagex == 20:
           direction = 'up'
    elif direction == 'up':
        imagey -= 5
        if imagey == 20:
           direction = 'right'
    screen.blit(imageImg, (imagex, imagey))

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

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

設定 pygame 和視窗:

import pygame,sys
from pygame.locals import *

pygame.init()

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

繪製白色背景:

在此功能中,你可以定義背景的顏色。

screen.fill(white)

繪製綠色多邊形:

在這裡定義顯示錶面,顏色和多邊形每個角的位置(x 和 y 座標),你可以順時針和逆時針。

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

繪製藍線:

在此功能中,你可以定義顯示錶面,顏色,第一個和最後一個點以及線條的寬度(如果你沒有給出寬度,它只是 1)。

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)

繪製藍色圓圈:

在此功能中,你可以定義顯示錶面,顏色,位置,半徑和圓的寬度(如果寬度為 0,則為圓形)。

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

繪製橢圓:

在此功能中,你可以定義顯示錶面,顏色,位置,水平尺寸以及垂直尺寸和寬度。

pygame.draw.ellipse(screen, red, (300, 250, 80,80), 1)

繪製矩形:

在此功能中,你可以定義顯示錶面,顏色,位置以及水平和垂直尺寸。

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

定義文字:

首先,使用此函式定義文字的型別和大小:

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

然後定義實際文字,如果文字是粗體,則定義顏色,如果需要,還可以定義標記的顏色。你可以用這個功能做到這一點:

text = fontObj.render('Hello World!', True, green, blue)

如果你想標記你的文字,你必須通過這個函式告訴 pygame:

rect = text.get_rect()

如果要定義文字中心的位置,可以使用此功能執行此操作:

rect.center = (200, 150)

繪製文字:

如果你定義了標記和/或中心:

screen.blit(text, rect)

否則,你必須定義文字的位置,以便以這種方式繪製文字:

screen.blit(text, (100,50))

定義影象:

在這裡,你可以定義要使用的影象(如果以這種方式執行,影象檔案必須與程式檔案位於同一目錄中),起始位置(x 和 y)以及影象的方向。

image  = pygame.image.load('image.png')
baddiex = 320
baddiey = 220
direction = 'left'

動畫影象:

使用這部分程式碼,我們檢查影象的方向,如果它到達角落,如果是,則改變方向,如果沒有,則在相同方向上進一步繪製 5 個畫素。

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(imageImg, (imagex, imagey))

注意:我的影象是 20x20 畫素,我使用 if imagex == 360: if imagey == 260:因為那時我的影象離視窗邊緣 20 畫素,就像其他 2 個角一樣。如果你的圖片大小不同,則可能需要更改這些數字。

檢查退出:

在這裡我們檢查你是否關閉了 pygame 視窗,如果是這樣,關閉視窗,如果你不在程式中的某個地方寫這個,你可能無法關閉視窗。

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

更新螢幕:

使用此功能可以更新螢幕,以便你繪製的所有內容都可見。

pygame.display.update()

FPS 設定:

使用此功能,你可以告訴 pygame 足夠睡眠,以便你的 FPS 設定得到尊重。

fpsClock.tick(FPS)