《零基础入门学习Python》第082讲：Pygame：提高游戏的颜值2

た入场券 2022-04-10 10:56 203阅读 0赞

有些同学在上节课学完 transform 模块之后，便跃跃欲试，其中有一个 chop() 方法没有讲，chop 翻译过来就是 砍、剪、裁的意思，有的人就以为这个方法可以实现裁剪工具，但是呢，结果却事与愿违，这是为啥呢？我们这里尝试将小蛇从中间裁剪掉 50\*50像素，看看是什么样子。

代码如下：

import pygame
    import sys
    from pygame.locals import *
    
    pygame.init()
    
    size = width, height = 300, 300
    bg = (255, 255, 255)
    
    clock = pygame.time.Clock()
    screen = pygame.display.set_mode(size)
    pygame.display.set_caption("Python Demo")
    
    oturtle = pygame.image.load("Python.png")
    
    #裁剪
    turtle = pygame.transform.chop(oturtle, (100, 105, 50, 50))  #小蛇尺寸为200*210，中间位置就是100*105
    #不裁剪
    #turtle = oturtle
    position = turtle.get_rect()
    position.center = width // 2, height // 2
    
    while True:
        for event in pygame.event.get():
            if event.type == QUIT:
                sys.exit()
    
        screen.fill(bg)
        screen.blit(turtle, position)
        pygame.draw.rect(screen, (0, 0, 0), position, 1)
        
        pygame.display.flip()
        
        clock.tick(30)

我们首先看看不裁剪是怎样的：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70][]

如果使用 chop() 裁剪之后会这样呢，我们看看：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 1][]

chop() 之后，面目全非，惨不忍睹。

不知道大家有没有发现，这个 chop() 方法是如何实现的？

其实chop() 方法是把中间 50\*50 部分不见了，但在中间的位置不是留空（留白），其实将四周所有的元素给挤进去了。也不是我们希望实现的效果。

这一节课我们就来学习如何实现才裁剪工具。

我们先来看一下 demo。

import pygame
    import sys
    from pygame.locals import *
    
    pygame.init()
    
    size = width, height = 400, 400
    bg = (255, 255, 255)
    
    clock = pygame.time.Clock()
    screen = pygame.display.set_mode(size)
    pygame.display.set_caption("Python Demo")
    
    turtle = pygame.image.load("Python.png")
    
    # 0 -> 未选择，1 -> 选择中，2 -> 完成选择
    select = 0
    select_rect = pygame.Rect(0, 0, 0, 0)
    # 0 -> 未拖拽，1 -> 拖拽中，2 -> 完成拖拽
    drag = 0
    
    position = turtle.get_rect()
    position.center = width // 2, height // 2
    
    while True:
        for event in pygame.event.get():
            if event.type == QUIT:
                sys.exit()
    
            elif event.type == MOUSEBUTTONDOWN:
                if event.button == 1:
                    # 第一次点击，选择范围
                    if select == 0 and drag == 0:
                        pos_start = event.pos
                        select = 1
                    # 第二次点击，推拽图像
                    elif select == 2 and drag == 0:
                        capture = screen.subsurface(select_rect).copy()
                        cap_rect = capture.get_rect()
                        drag = 1
                    # 第三次点击，初始化
                    elif select == 2 and drag == 2:
                        select = 0
                        drag = 0
    
            elif event.type == MOUSEBUTTONUP:
                if event.button == 1:
                    # 第一次释放，结束选择
                    if select == 1 and drag == 0:
                        pos_stop = event.pos
                        select = 2
                    # 第二次释放，结束拖拽
                    if select == 2 and drag == 1:
                        drag = 2
                    
        screen.fill(bg)
        screen.blit(turtle, position)
        
        # 实时绘制选择框
        if select:
            mouse_pos = pygame.mouse.get_pos()
            if select == 1:
                pos_stop = mouse_pos
    
            select_rect.left, select_rect.top = pos_start
            select_rect.width, select_rect.height = pos_stop[0] - pos_start[0], pos_stop[1] - pos_start[1]
            pygame.draw.rect(screen, (0, 0, 0), select_rect,1)
    
        # 拖拽裁剪的图像
        if drag:
            if drag == 1:
                cap_rect.center = mouse_pos
            screen.blit(capture, cap_rect)
               
        pygame.display.flip()
        
        clock.tick(30)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 2][]

鼠标第一次拖拽时，选中一个矩形的框，第二次拖拽的时候，会把选中的区域裁剪出来，这就是我们希望的裁剪工具，再点鼠标，就恢复原样。然后就可以进行新一轮的裁剪。

现在对于大家来说，有一点小难度，主要的难度就是在于鼠标每次按下到释放，就是拖拽的过程，不同次数的按下有不同的意义，大家不妨思考一下，看能不能独立写出实现的代码。

我们来分析一下：

鼠标第一次拖拽左键的时候，要裁剪一个范围；第二次拖拽左键的时候，是表示移动裁剪的图像；第三次点击的时候就是取消选择。

所以鼠标要按3中情况来响应它的事件。

首先，第一次拖拽鼠标时的这个黑边矩形怎么绘制呢？

我们是调用 draw 模块的 rect() 方法，我们接下来会讲如何绘制矩形，这个和之前讲过的Tkinter绘制图形是差不多的。

> rect ( Surface, color, Rect, width = 0)

第一个参数为 Surface，确定是要绘制在哪个 Surface 对象上。

第二个参数 color 指定边框的颜色；

第三个参数 Rect 指定矩形的范围；

第四个参数 width 指定边框的大小，默认值为0，表示填充矩形，如果设为1，就表示边框为1像素的大小。

那既然无法用 tranform 模块的 chop() 方法来裁剪，那么裁剪操作我们该如何处理呢？

我们可以使用 subsurface() 方法，就相当于创建 surface 的一个子图像，然后将它 copy 出来，即：

> capture = screen.subsurface(select\_rect).copy()

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70]: /images/20220331/fd8d5321df6b4a3da69d61f8f954717a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 1]: /images/20220331/b46a8b7e893746dead009ad740d26b07.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU2MzE4_size_16_color_FFFFFF_t_70 2]: /images/20220331/69c1a72a92344dd0965cce303be89ca3.png