按昨天的說法，今天將開始做一個簡單的游戲了。
目標是拷貝微信的飛機大戰，當然拷貝完以后大家就具備自己添加不同內容的能力了。
首先是要拿到一些圖片素材，熟悉使用圖像處理軟件和繪畫的人可以自己制作，並沒有這項技能的同學只能和我一樣從網上下載相應的素材了。
網上可以找到相應的這樣的圖片，注意，所有的元件圖片要是png類型的圖片，那樣可以有透明的背景，否則會有白色的邊框露出來。
找到素材以后我們就要開始搭建我們的飛機大戰了。
微信上的飛機大戰是由手指控制的，在電腦上，我們就先用鼠標代替了。
按照之前我們在天空上移動雲的那個程序，我們可以知道該怎么做。
無非是將背景和前景換一下。代碼如下：
# -*- coding: utf8 -*- background_image_filename = 'background.png' mouse_image_filename = 'hero.png' #指定圖像文件名稱 import pygame #導入pygame庫 from sys import exit #向sys模塊借一個exit函數用來退出程序 pygame.init() #初始化pygame,為使用硬件做准備 screen = pygame.display.set_mode((480, 650), 0, 32) #創建了一個窗口 pygame.display.set_caption("PlaneFight!") #設置窗口標題 background = pygame.image.load(background_image_filename).convert() mouse_cursor = pygame.image.load(mouse_image_filename).convert_alpha() #加載並轉換圖像 while True: #游戲主循環 for event in pygame.event.get(): if event.type == pygame.QUIT: #接收到退出事件后退出程序 pygame.quit() exit() screen.blit(background, (0,0)) #將背景圖畫上去 x, y = pygame.mouse.get_pos() #獲得鼠標位置 x-= mouse_cursor.get_width() / 2 y-= mouse_cursor.get_height() / 2 #計算光標的左上角位置 screen.blit(mouse_cursor, (x, y)) #把光標畫上去 pygame.display.update() #刷新一下畫面
顯示結果就會如下：
上次沒有說明鼠標圖片跟隨鼠標位置的具體說法，這里說明一下，用pygame.mouse.get_pos()可以得到一個鼠標的當前坐標位置的元組，將這個值賦值給x, y ，之后可以用它方便調用，但是如果我們直接用這個量，圖片將會出現在鼠標的右下角，這是圖片的坐標系決定的。如果我們想讓它鼠標在圖片中心，必須讓鼠標坐標和圖片中心對齊。對於任何一個Surface對象，可以用get_width(), get_height()和gei_size()對象，來獲得它的尺寸，這樣我們就可以將鼠標中點和圖像尺寸對齊。
當然，美中不足的是鼠標本身出現在了游戲上，可能看起來不是那么和諧，可以通過pygame.mouse.set_visible(False)來設置鼠標的可見性。把這一句加入程序就可以隱藏鼠標。
好的，我們完成了一個部分，飛機可以顯示在了屏幕上並能自由移動，但是，這個移動是完全由我們移動的，那些自己移動的飛機和子彈又是怎么做到移動的呢？
我們現在知道游戲的動畫本質是由一張張圖的變化而來的，子彈的運動也是這樣，我們需要它每一幅圖比上一幅圖都向前多移動一點，這樣就可以實現子彈的移動。
我們用總結一下子彈的特點：
1、子彈從飛機前端射出，發射的坐標應該是鼠標所在的位置。
2、每一幀子彈都向前多移動一些。
3、子彈飛出屏幕底部時，不再處理該子彈。（這里我用一個技巧，讓子彈重新回到鼠標所在的位置）
4、為了使子彈從飛機下面飛出去，我們需要先繪制子彈，再在上面繪制飛機。
子彈有這樣三個特點，根據這三個特點，可以寫出它的代碼：
# -*- coding: utf8 -*- background_image_filename = 'background.png' mouse_image_filename = 'hero.png' bullet_image_filename = 'bullet.png' #指定圖像文件名稱 import pygame #導入pygame庫 from sys import exit #向sys模塊借一個exit函數用來退出程序 pygame.init() #初始化pygame,為使用硬件做准備 screen = pygame.display.set_mode((480, 650), 0, 32) #創建了一個窗口 pygame.display.set_caption("PlaneFight!") #設置窗口標題 pygame.mouse.set_visible(False) background = pygame.image.load(background_image_filename).convert() mouse_cursor = pygame.image.load(mouse_image_filename).convert_alpha() bullet = pygame.image.load(bullet_image_filename).convert_alpha() #加載並轉換圖像 bullet_x, bullet_y = 0, -100 #初始化子彈坐標 while True: #游戲主循環 for event in pygame.event.get(): if event.type == pygame.QUIT: #接收到退出事件后退出程序 pygame.quit() exit() screen.blit(background, (0,0)) #將背景圖畫上去 x, y = pygame.mouse.get_pos() #獲得鼠標位置 if bullet_y < -1 : #移動子彈 bullet_x, bullet_y = x, y else: bullet_y -= 1 x-= mouse_cursor.get_width() / 2 y-= mouse_cursor.get_height() / 2 #計算光標的左上角位置 screen.blit(bullet, (bullet_x, bullet_y)) screen.blit(mouse_cursor, (x, y)) #把光標畫上去 pygame.display.update() #刷新一下畫面
可以得到這樣的效果：
子彈會從飛機打出，到屏幕頂端時就會重置。
上面的代碼似乎是解決了子彈運動的問題，如此而來，敵機的運動也顯得非常的簡單。暫時不講具體顯示敵機的代碼，讓大家思考。
可其實有一個很容易發現的問題，那就是每一台機器的處理速度不一樣，雖然每次循環時都讓坐標自減一，實際上，還是有很大的差別的，處理速度快的機器可能一秒鍾處理一千次循環，而處理慢的機器可能才30次循環，兩台機器看到的動畫幀率完全不同，子彈速度也完全不同，這應該怎么處理呢？
還好pygame早就幫我們做好了這一點，我們只需要這么去做就可以讓所有的機子都有同樣的速度。
pygame.time模塊給我們提供了一個Clock()對象，讓我們輕易做到控制幀率：
clock = pygame.time.Clock() time_passed = clock.tick() time_passed = clock.tick(50)
第一行初始化了一個Cloc對象，第二行返回了一個從上一次到現在調用的時間（毫秒計的單位），第三行就是控制幀率的好辦法了。在每一次循環過程中加上它，在clock.tick()里加入參數，代表了你設定的最大幀率，你的畫面的最大幀率就是你寫的值，當然，有的時候動畫過於復雜，它可能沒辦法到達這個幀率，那時我們需要別的優化方式。那么怎么保證控制的勻速呢？
將上面的代碼再一次變化：
# -*- coding: utf8 -*- background_image_filename = 'background.png' mouse_image_filename = 'hero.png' bullet_image_filename = 'bullet.png' #指定圖像文件名稱 import pygame #導入pygame庫 from sys import exit #向sys模塊借一個exit函數用來退出程序 pygame.init() #初始化pygame,為使用硬件做准備 screen = pygame.display.set_mode((480, 650), 0, 32) #創建了一個窗口 pygame.display.set_caption("PlaneFight!") #設置窗口標題 pygame.mouse.set_visible(False) background = pygame.image.load(background_image_filename).convert() mouse_cursor = pygame.image.load(mouse_image_filename).convert_alpha() bullet = pygame.image.load(bullet_image_filename).convert_alpha() #加載並轉換圖像 bullet_x, bullet_y = 0, -100 #初始化子彈坐標 bullet_speed = 600 #初始化子彈速度 clock = pygame.time.Clock() while True: #游戲主循環 for event in pygame.event.get(): if event.type == pygame.QUIT: #接收到退出事件后退出程序 pygame.quit() exit() time_passed = clock.tick(100) time_passed_second = time_passed/1000.0 screen.blit(background, (0,0)) #將背景圖畫上去 x, y = pygame.mouse.get_pos() #獲得鼠標位置 if bullet_y < -1 : #移動子彈 bullet_x, bullet_y = x, y else: bullet_y -= time_passed_second * bullet_speed x-= mouse_cursor.get_width() / 2 y-= mouse_cursor.get_height() / 2 #計算光標的左上角位置 screen.blit(bullet, (bullet_x, bullet_y)) screen.blit(mouse_cursor, (x, y)) #把光標畫上去 pygame.display.update() #刷新一下畫面
我比較懶，直接貼了全部的代碼。。。
這里面，我們每次讀取了經過的時間，然后根據每次經過的時間不同，乘以速度系數來得到應該變化多少位移。用這種方法調整的動畫，在不同的電腦上都有相同的顯示。
敵機怎么顯示，看大家怎么做了。明天繼續講，關於敵機的顯示和隨機性。