python—圖形介面的2048
- 2019 年 10 月 8 日
- 筆記
之前做了控制台版的2048，那樣子玩著不爽，玩著沒那麼隨意，於是把他做成帶ui的2048。大部分的邏輯都是一樣的，做這種小遊戲，最難的就是的邏輯實現過程，一旦解決了，其實再做成帶圖形介面的就很容易了。
做遊戲了，都會知道一個庫叫pygame，看名字就知道這是一個專門做遊戲的一個庫了，安裝也很簡單，直接pip install pygame就可以了。
這是這個庫官方文檔https://www.pygame.org/news
大部分遊戲的邏輯再這篇推文python–控制台版2048都有了，可以直接照搬照用就可以了。
重點的就是實現圖形介面的效果。
做pygame的過程就是，先導入庫，然後初始化pygame，設置pygame的窗口大小，我為了便於計算，將窗口設置成400×400的，然後設置窗體的標題，
import pygame from pygame.locals import *
pygame.init() #初始化pygame screen = pygame.display.set_mode((400,400)) pygame.display.set_caption('2048')
接著就是一個循環實現窗體運行，循環一定要有結束事件，然後有結束事件。在在循環中還要給窗口設計背景顏色和那些矩陣顏色，需提前設置好顏色的範圍例如這些
WHITE = [255,255,255] DARKSALMON = [233,150,122] ORANGERED = [255,69,0] TOMATO = [255,99,71] BEIJING = [239,236,199]
而窗體裡面那些方塊矩形的主要程式碼如下：
screen.fill(BEIJING) shuzi = pygame.font.Font('C:WindowsFontsimpact.ttf',40) for i in range(4): for j in range(4): text = shuzi.render(str(m[i][j]),True,WHITE) textrr = text.get_rect() textrr.center = (i*100+50,j*100+50) textr = pygame.draw.rect(screen,numtoc(m[i][j]),[i*100,j*100,98,98]) screen.blit(text,textrr)
因為每個矩陣都有一個數值代替所以這個矩陣也要做夠16個，因為數據的大小是4×4的。
首先就是充填背景，然後設置好字體，40是字體的大小，前面的是我用windows自帶的字體，傳入地址就可以了。
這裡通過字體文件創建字體對象
shuzi = pygame.font.Font('C:WindowsFontsimpact.ttf',40)
這一句是將那些數字的矩陣轉換為一個pygame的Surface對象，顏色為白色，這個白色需要提前設定的變數。然後配置顯示的文字
text = shuzi.render(str(m[i][j]),True,WHITE)
獲取顯示對象的rect
textrr = text.get_rect()
再將對象的位置設置到正中間。
textrr.center = (i*100+50,j*100+50)
再做一個低層的矩陣顏色，這裡有一個根據數字的大小返回底層方塊的顏色：
textr = pygame.draw.rect(screen,numtoc(m[i][j]),[i*100,j*100,98,98])
這裡是將那個surface繪製到他的rect上去：
screen.blit(text,textrr)
如果有真心想做一下這個遊戲的話，就會發現移動照搬之前的移動的程式碼的時候會錯誤，因為控制台的時候那些的程式碼時索引是反過來的，然後你調試幾遍可能就能解決了，這裡貼一下主程式的程式碼：
def main(): pygame.init() #初始化pygame screen = pygame.display.set_mode((400,400)) pygame.display.set_caption('2048') int() while 1: screen.fill(BEIJING) shuzi = pygame.font.Font('C:WindowsFontsimpact.ttf',40) for i in range(4): for j in range(4): text = shuzi.render(str(m[i][j]),True,WHITE) textrr = text.get_rect() textrr.center = (i*100+50,j*100+50) textr = pygame.draw.rect(screen,numtoc(m[i][j]),[i*100,j*100,98,98]) screen.blit(text,textrr) if check() == False: print(score) pygame.quit() for event in pygame.event.get(): if event.type == QUIT: pygame.quit() if event.type == pygame.KEYDOWN: if event.key == pygame.K_w: moveLeft() break elif event.key == pygame.K_s: moveRight() break elif event.key == pygame.K_a: moveUp() break elif event.key == pygame.K_d: moveDown() break pygame.display.update() if __name__ == '__main__': main()
