pygame
画面に描く

図形、テキスト、画像を小さなアニメーションで画面に描く

このプログラムは、ディスプレイ上にいくつかの図形を描画し、 "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((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)

白い背景を描く：

screen.fill(white)

ポリゴンを描画する：

この関数では、ポリゴンの各コーナーの表示面、色、位置を定義します。これを時計回りと反時計回りに行うことができます。

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

次の行を描画します。

ここでは、表示面、色、最初と最後の点、および線の幅を定義します。

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), 20, 0)

楕円を描く：

この関数では、楕円の表示面、色、位置、水平サイズ、垂直サイズ、および幅を定義します

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

矩形を描画する：

この関数では、矩形の表示面、色、位置、垂直および水平サイズを定義します。

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

テキストを定義する：

まず、テキストのタイプとサイズを定義します。私はpygameで得られる基本フォントを使用します。

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

次に、実際のテキストを太字にするかどうか（True / False）、テキストの色、テキストにマークする場合はマーキングの色を定義します。

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

あなたのテキストをマークしたい、あるいはテキストの中心を定義したいのであれば、この関数を使ってpygameにそれを伝える必要があります：

text_rect_obj = text_surface_obj.get_rect()

その後、この関数を使ってテキストの中心を定義することができます：

text_rect_obj.center = (200, 150)

テキストを描画する：

テキストをマークしたり、中心を定義した場合は、次のようにテキストを描画する必要があります。

screen.blit(text_surface_obj, text_rectObj)

それ以外の場合はテキストを描画しますが、そのようにするには位置を定義する必要があります。

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

画像を定義する：

ここでは、使用する画像、開始位置（x座標とy座標）、画像の方向を定義します。

image  = pygame.image.load('image.png')
imagex = 360
imagey = 260
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(image, (imagex, imagey))

注：私の画像は20×20ピクセル if imagex == 360 、 if imagey == 260: 場合に使用しました。画像がエッジから20ピクセルあるため、画像のサイズが異なる場合は、数値を変更する必要があります。

あなたがプログラムを終了するかどうかを確認する：

ここでは、プログラムのウィンドウを閉じたかどうかを確認します。

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

ディスプレイを更新する：

ここではpygameに表示を更新し、描画したものすべてが画面に表示されるように指示します。

pygame.display.update()

毎秒のフレームを定義する：

ここでは、パイゲームが十分に眠るように指示して、毎秒のフレーム設定が尊重されるようにします。

fpsClock.tick(FPS)