pygame-KidsCanCode系列jumpy-part10-角色动画(上)

上一节学习如何利用spritesheet加载图片，但是player仍然是一张静态的图片，比较枯燥，我们要让它动起来！

Player类，先把各种状态的图片加载起来：

     # 加载各种状态的图片序列
     def load_images(self):
         # 站立状态的图片
         self.standing_frames = [self.game.spritesheet.get_image("bunny1_ready.png"),
                                 self.game.spritesheet.get_image("bunny1_stand.png")]

         # 向右走的图片
         self.walking_frames_right = [self.game.spritesheet.get_image("bunny1_walk1.png"),
                                      self.game.spritesheet.get_image("bunny1_walk2.png")]

         # 向左走的图片
         self.walking_frames_left = []
         for frame in self.walking_frames_right:
             # 向左走的图片，只需要把向"右"走的图片，水平(x)方向翻转即可
             self.walking_frames_left.append(pg.transform.flip(frame, True, False))

         # 跳跃状态的图片
         self.jump_frame = self.game.spritesheet.get_image("bunny1_jump.png")

然后要有一些bool型的状态变化(不然，我们就无法知道当前角色是在jump，还是在walk，或是stand)

 class Player(pg.sprite.Sprite):

     def __init__(self, game):
         pg.sprite.Sprite.__init__(self)
         self.game = game
         # 是否在行走状态
         self.walking = False
         # 是否处于跳跃状态
         self.jumping = False
         # 当前状态的动画，显示的是哪一"帧"
         self.current_frame = 0
         # 当前状态的动画，最后一次切换是什么时候？
         self.last_update = 0
         # 加载图片
         self.load_images()
         # 初始状态为"站立"
         self.image = self.standing_frames[0]

         ...

注：current_frame变量的作用，解释一下，一个状态下的图片可能有多张，需要知道当前切换到了第几张，这个变量保存的就是第几张图片的N值。另外一个变量last_update后面会讲到，这里先不用管。

当player向上跳起时，要切换jump的状态：

     def jump(self):
         hits = pg.sprite.spritecollide(self, self.game.platforms, False)
         if hits:
             self.vel.y = -PLAYER_JUMP
             # 修改跳跃状态
             self.jumping = True

为了方便统一处理角色的动画效果，在Player类中新增一个animation函数：

    # 动画处理
    def animate(self):
        now = pg.time.get_ticks()

        # 更新walking状态
        if self.vel.x != 0:
            self.walking = True
        else:
            self.walking = False

        # 垂直方向速度为0，认为未跳跃
        if abs(self.vel.y) < 0.5:
            self.jumping = False

        # 切换jumping图片
        if self.jumping:
            self.image = self.jump_frame
        else:
            self.image = self.standing_frames[0]

        if not self.jumping and not self.walking:
            # 调节这里的200,可以控制动画的播放速度
            if now - self.last_update > 200:
                self.last_update = now
                self.current_frame += 1
                # bunny1_ready.png与bunny1_stand.png的高度不同，所以切换后，要调整bottom值，保证图片的最下边缘正好站在档板上
                old_bottom = self.rect.bottom
                self.image = self.standing_frames[self.current_frame % len(self.standing_frames)]
                self.rect = self.image.get_rect()
                self.rect.bottom = old_bottom

last_update变量的作用，在animation中就体现出来了，这个变量结合当前时间，算出差值，可以控制每隔多少毫秒切换1次图片。相当于，控制角色动画的播放速度。

最后在update函数中，调用animation:

    def update(self):
        # 动画处理
        self.animate()
        self.acc = vec(0, PLAYER_GRAVITY)
        keys = pg.key.get_pressed()
        if keys[pg.K_LEFT]:
            self.acc.x = -PLAYER_ACC
        if keys[pg.K_RIGHT]:
            self.acc.x = PLAYER_ACC

        self.acc.x += self.vel.x * PLAYER_FRICTION

        self.vel += self.acc
        self.pos += self.vel

        # 因为walking状态的切换，依赖于x速度是否为0判断，当x在0左右的极小值摆动时，会导致判断出错
        if abs(self.vel.x) < 0.5:
            self.vel.x = 0
        ...