Pygame - Python游戲編程入門(1)

前言

　　在上一篇中，我們初步熟悉了pygame的控制流程，但這對于一個游戲而言是遠遠不夠的。所以在這一篇中，我們的任務是添加一架飛機（玩家），并且能夠控制它進行移動，這樣我們就又離目標進了一步了~ε=ε=(ノ≧?≦)ノ

?

正片開始！

1. 把我們的戰斗機搬上屏幕

　　在正式上代碼以前，有一點需要說明的，我們可以看到，所有屏幕上出現的元素都在資源文件（resources/image/shoot.png）中，那我們要怎么做才能把一只飛機給裁剪出來呢？在pygame中，所有在屏幕上顯示的元素都可以視為一個surface，利用這個特點，我們可以把資源文件導入（load()函數），然后用surface.subsurface()函數把shoot.png中我們想要的元素裁剪出來，這樣問題就解決了~（tips：怎樣才知道shoot.png中飛機的準確坐標呢？在resources/image/shoot.pack文件中已經詳細記錄了每個屏幕元素的左上角坐標以及它的寬和高了）

　　先上代碼：（在注釋# == new add ==之間的代碼為新加入代碼）

import pygame                   # 導入pygame庫
from pygame.locals import *     # 導入pygame庫中的一些常量
from sys import exit            # 導入sys庫中的exit函數

# 定義窗口的分辨率
SCREEN_WIDTH = 480
SCREEN_HEIGHT = 640

# 計數ticks == new add ==
ticks = 0
# 計數ticks == new add ==
  
# 初始化游戲
pygame.init()                   # 初始化pygame
screen = pygame.display.set_mode([SCREEN_WIDTH, SCREEN_HEIGHT])     # 初始化窗口
pygame.display.set_caption('This is my first pygame-program')       # 設置窗口標題

# 載入背景圖
background = pygame.image.load('resources/image/background.png')

# 載入資源圖片 == new add ==
shoot_img = pygame.image.load('resources/image/shoot.png')
# 用subsurface剪切讀入的圖片
hero1_rect = pygame.Rect(0, 99, 102, 126)
hero2_rect = pygame.Rect(165, 360, 102, 126)
hero1 = shoot_img.subsurface(hero1_rect)
hero2 = shoot_img.subsurface(hero2_rect)
hero_pos = [200, 500]
# 載入資源圖片 == new add ==

# 事件循環(main loop)
while True:

    # 繪制背景
    screen.blit(background, (0, 0))
    
    # 繪制飛機 == new add ==
    if ticks % 50 < 25:
        screen.blit(hero1, hero_pos)
    else:
        screen.blit(hero2, hero_pos)
    ticks += 1
    # 繪制飛機  == new add ==
    
    # 更新屏幕
    pygame.display.update()                                         
    
    # 處理游戲退出
    # 從消息隊列中循環取
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            pygame.quit()
            exit()

不妨運行一下：

　　

可以看到，我們的飛機動了，究竟是怎樣實現動畫效果的呢？在代碼中，新加入的代碼一共有三處，顯示玩家飛機的那一段已經解釋過了，現在我們來解釋其余的兩段新加入的代碼。首先增加了一個計數變量ticks，在消息循環中，每循環一次就累加一次，可以理解為每一個周期就是1 tick，我們可以利用周期數來分隔不同的顯示效果；我們讀入了兩張不同的玩家飛機圖片，利用周期數實現每50個周期，前25個周期顯示hero1，后25個周期顯示hero2，這樣就有了緩慢變化的動態效果。不過值得注意的是，這樣每一次循環就計算并判斷一次ticks的做法明顯不是好方法。還有！(╯°口°)╯(┴—┴，Python是木有自增表達式的，我試圖++ticks結果報錯了。

　　戰斗機已經準備就緒，該教會飛行員怎樣操作了~(｀?ω?′)

?

2. 用鍵盤控制飛機移動

　　我們知道，每敲一下鍵盤都會產生一個事件，而這個事件能被Python檢測到，既然知道了這個大前提，那控制飛機就很容易了。

　　come on code~?( °?°)ﾉ

import pygame                   # 導入pygame庫
from pygame.locals import *     # 導入pygame庫中的一些常量
from sys import exit            # 導入sys庫中的exit函數

# 定義窗口的分辨率
SCREEN_WIDTH = 480
SCREEN_HEIGHT = 640

ticks = 0
# dict == new add ==
offset = {pygame.K_LEFT:0, pygame.K_RIGHT:0, pygame.K_UP:0, pygame.K_DOWN:0}
# dict == new add ==
  
# 初始化游戲
pygame.init()                   # 初始化pygame
screen = pygame.display.set_mode([SCREEN_WIDTH, SCREEN_HEIGHT])     # 初始化窗口
pygame.display.set_caption('This is my first pygame-program')       # 設置窗口標題

# 載入背景圖
background = pygame.image.load('resources/image/background.png')

# 載入飛機圖片
shoot_img = pygame.image.load('resources/image/shoot.png')
# 用subsurface剪切讀入的圖片
hero1_rect = pygame.Rect(0, 99, 102, 126)
hero2_rect = pygame.Rect(165, 360, 102, 126)
hero1 = shoot_img.subsurface(hero1_rect)
hero2 = shoot_img.subsurface(hero2_rect)
hero_pos = [200, 500]

# 事件循環(main loop)
while True:

    # 繪制背景
    screen.blit(background, (0, 0))

    # 繪制飛機
    if ticks % 50 < 25:
        screen.blit(hero1, hero_pos)
    else:
        screen.blit(hero2, hero_pos)
    ticks += 1 # python已略去自增運算符

    # 更新屏幕
    pygame.display.update()                                         
    
    # 處理游戲退出
    # 從消息隊列中循環取
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            pygame.quit()
            exit()

        # Python中沒有switch-case 多用字典類型替代
        # 控制方向 == new add ==          
        if event.type == pygame.KEYDOWN:
            if event.key in offset:
                offset[event.key] = 3
        elif event.type == pygame.KEYUP:
            if event.key in offset:
                offset[event.key] = 0

        # part 1
        #offset_x = offset[pygame.K_RIGHT] - offset[pygame.K_LEFT]
        #offset_y = offset[pygame.K_DOWN] - offset[pygame.K_UP]
        #hero_pos = [hero_pos[0] + offset_x, hero_pos[1] + offset_y]
    # part 2
    offset_x = offset[pygame.K_RIGHT] - offset[pygame.K_LEFT]
    offset_y = offset[pygame.K_DOWN] - offset[pygame.K_UP]
    hero_pos = [hero_pos[0] + offset_x, hero_pos[1] + offset_y]
    # 控制方向 == new add ==          

新加入了兩處，一個是字典類型的變量，一個是控制方向的代碼。跟之前控制程序退出的代碼一樣，依然是從事件隊列中取事件；當event.type為按鍵事件時，再判斷event.key是否屬于上下左右四個鍵位中的其中一個；最后在其相應方向上給一個偏移量，即完成判斷的過程；松鍵的話該方向上的偏移量賦值為0，這樣該鍵方向上就沒有位移了；最后將偏移量加到飛機的pos上，下一輪刷新時自然就到移動到新地方了。（這里插播一個事，我以前寫過c++和java，所以寫到判斷鍵盤鍵位時，很自然就想用switch-case語句，沒想到竟然出錯了(╯°口°)╯(┴—┴，后來才發現原來Python是沒有switch-case語句的，switch-case語句多用字典數據結構代替，感覺這樣的寫法就更靈活了）

上面講得都比較簡單，現在我們要思考一個問題，上面的代碼中，line 63-66和line 67-70的代碼是一樣的，但兩部分代碼的效果卻是很不一樣。part1代碼使得我們要按一次鍵飛機才會動一次，而在part2代碼中我們可以長按方向鍵來控制飛機，不禁感慨一下Python的縮進。part1是在for循環的影響下的，也就是說，事件隊列中有事件才會執行part1的代碼，假設我們長按方向左鍵（注意，擊鍵一次只會產生一個pygame.KEYDOWN事件，所以長按也只觸發一次），飛機也只會往左移3個像素點；而part2代碼由于不在for循環內，所以每一tick就向左移3個像素點直到松開方向左鍵。

演示一下效果：

好的，控制飛機已經不成問題了，不過大家發現飛機有一個小問題了嗎？它會穿到窗口的“外面”去！不過我們只要添加一個小小的限制就可以解決問題了，只要把line68-70換成以下邊界判斷代碼就可以了。

    hero_x = hero_pos[0] + offset[pygame.K_RIGHT] - offset[pygame.K_LEFT]
    hero_y = hero_pos[1] + offset[pygame.K_DOWN] - offset[pygame.K_UP]
    if hero_x < 0:
        hero_pos[0] = 0
    elif hero_x > SCREEN_WIDTH - hero1_rect.width:
        hero_pos[0] = SCREEN_WIDTH - hero1_rect.width
    else:
        hero_pos[0] = hero_x
        
    if hero_y < 0:
        hero_pos[1] = 0
    elif hero_y > SCREEN_HEIGHT - hero1_rect.height:
        hero_pos[1] = SCREEN_HEIGHT - hero1_rect.height
    else:
        hero_pos[1] = hero_y

今天功能就完成到這里吧~(｀?ω?′)

?