上二节，已经知道如何控制基本的运动了，但是只有一个很单调的方块，不太美观，本节学习如何加载背景图，以及角色的动画。

素材准备：（原自github）

角色动画的原理：动画都是一帧帧渲染的，比如向左走的动画，实际是类似上图中的L1.png~L9png 连续切换，由于肉眼视觉暂留的作用，所以看上去象连续的动画。

好了，直接上代码：（关键地方已经加了注释）

import pygameimport ospygame.init()WIN_WIDTH, WIN_HEIGHT = 640, 480FRAME_PER_SECONDS = 27  # 每秒最大帧数win = pygame.display.set_mode((WIN_WIDTH, WIN_HEIGHT))pygame.display.set_caption("first game")img_base_path = os.getcwd() + '/img/'# 向右走的图片数组walkRight = [pygame.image.load(img_base_path + 'actor/R1.png'),             pygame.image.load(img_base_path + 'actor/R2.png'),             pygame.image.load(img_base_path + 'actor/R3.png'),             pygame.image.load(img_base_path + 'actor/R4.png'),             pygame.image.load(img_base_path + 'actor/R5.png'),             pygame.image.load(img_base_path + 'actor/R6.png'),             pygame.image.load(img_base_path + 'actor/R7.png'),             pygame.image.load(img_base_path + 'actor/R8.png'),             pygame.image.load(img_base_path + 'actor/R9.png')]# 向左走的图片数组walkLeft = [pygame.image.load(img_base_path + 'actor/L1.png'),            pygame.image.load(img_base_path + 'actor/L2.png'),            pygame.image.load(img_base_path + 'actor/L3.png'),            pygame.image.load(img_base_path + 'actor/L4.png'),            pygame.image.load(img_base_path + 'actor/L5.png'),            pygame.image.load(img_base_path + 'actor/L6.png'),            pygame.image.load(img_base_path + 'actor/L7.png'),            pygame.image.load(img_base_path + 'actor/L8.png'),            pygame.image.load(img_base_path + 'actor/L9.png')]# 背景bg = pygame.image.load(img_base_path + 'bg.jpg')# 站立时的图片char = pygame.image.load(img_base_path + 'standing.png')x, y = 50, 350  # 起点width, height = 64, 64  # 宽，高speed = 5  # 速度run = TrueisJump, left, right = False, False, Falset = 10walkCount = 0clock = pygame.time.Clock()def redrawGameWindow():    global walkCount    win.blit(bg, (0, 0))    if walkCount >= FRAME_PER_SECONDS:        walkCount = 0    if left:        # 切换向左走的图片        win.blit(walkLeft[walkCount % 9], (x, y))        walkCount += 1    elif right:        # 切换向右走的图片        win.blit(walkRight[walkCount % 9], (x, y))        walkCount += 1    else:        win.blit(char, (x, y))    pygame.display.update()while run:    clock.tick(FRAME_PER_SECONDS)    for event in pygame.event.get():        if event.type == pygame.QUIT:            run = False    keys = pygame.key.get_pressed()    if keys[pygame.K_LEFT] and x > 0:        x -= speed        left = True        right = False    elif keys[pygame.K_RIGHT] and x < win.get_size()[0] - width:        x += speed        left = False        right = True    else:        left = False        right = False        walkCount = 0    if not isJump:        if keys[pygame.K_SPACE]:            isJump = True            right = False            left = False            walkCount = 0    else:        if t >= -10:            a = 1            if t < 0:                a = -1            y -= 0.5 * a * (t ** 2)            t -= 1        else:            isJump = False            t = 10    redrawGameWindow()pygame.quit()

　

怎么样，现在看上去，有点象那么回事儿了吧~_^

 

参考：

https://www.youtube.com/watch?v=UdsNBIzsmlI

 

源码下载：