🚴大家好！我是近视的脚踏实地，虽然近视，但是脚踏实地，这一篇主要讲Pygame 的基本图形绘制
（一）学习基本图形绘制有什么用
虽然说大多数的游戏都是由图片构成的，而学习Pygame就是为了游戏开发，那么学习基本图形绘制对游戏开发有什么用呢？🤔
其实，绘制基本图形对于游戏开发不是没有用，说来也奇怪，一些像素游戏也很火，尤其是一些由一些简单的图形绘制的小游戏，大概的原因如下：
1️⃣唯美的游戏界面越来越多，层出不穷，所以呢，玩家朋友们难免会出现审美疲劳。
2️⃣时下盛行的就是简约风格，只要你的游戏能够让大家看得舒服，玩得舒服，一般大家都不会拒绝简单的游戏；
3️⃣大型的游戏的CG动画绘制需要耗费相当的人力、物力和财力。
4️⃣简单的游戏更容易开发，小游戏工作室或个人即可完成开发，有更多逆袭的机会。
5️⃣游戏依托的主要平台已经从电脑端转移到手机端，那么小一个屏幕你把图像做得惟妙惟肖意义并不大。
(还多很多原因，比如说手机配置的差异大，而游戏需要很可能满足低配置的手机才能获得更大的玩家数量，那大游戏消耗大、耗电，散热都是一个需要考虑的问题，反而是一些简入门的小游戏，坐坐公交车，等等地铁就可以拿出来玩一玩，这些反而就受欢迎了，另外，简单的图形也能构造出高颜值的游戏，越是简单，越是抽象，越是抽象越是艺术)
所以在Pygame中，简单的图形绘制真的挺有用的，最好能认真学，然后呢，在Pygame的 draw 模块提供了绘制简单图形的方法。支持绘制的图形有矩形、多边形、圆形、椭圆形、弧形以及各种线条。
（二）绘制各种基本图形
1️⃣绘制矩形
用法👉 rect(Surface, color, Rect, width = 0)
绘制矩形是用draw模块下的rect方法，第一个参数Surface指定矩形将绘制在哪个对象上，第二个参数指定color矩形的颜色，第三个参数Rect指定矩形的范围，矩形的范围跟矩形类是一样的，他实际上就是一个矩形的对象，第四个参数width = 0是指定矩形边框的大小，0是表示填充这个矩形，1或者1以上就是用第二个参数指定的颜色去绘制他的边框
import pygame
import sys
from pygame.locals import *
pygame.init()
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
size = width, height = 640, 200
screen = pygame.display.set_mode(size)
pygame.display.set_caption("Monster Demo")
clock = pygame.time.Clock()
while True:
for event in pygame.event.get():
if event.type == QUIT:
pygame.quit()
sys.exit()
screen.fill(WHITE)
pygame.draw.rect(screen, BLACK, (50, 50, 150, 50), 0)
pygame.draw.rect(screen, BLACK, (250, 50, 150, 50), 1)
pygame.draw.rect(screen, BLACK, (450, 50, 150, 50), 10)
pygame.display.flip()
clock.tick(10)
解析：首先加两个宏定义WHITE = (255, 255, 255)。RGB格式都设置255，就表示是白色，BLACK = (0, 0, 0) 都设置为0就表示是白色。
接着到循环里边绘制就好了，pygame.draw.rect(screen, BLACK, (50, 50, 150, 50), 0) 就表示调用了draw模块的rect方法，然后第一个参数表示绘制在前面生成screen这个Surface对象上，第二参数颜色给个黑色，然后第三个是指定矩形范围，这里是给(50,50,150,50),坐标表示这个矩形左边和右边的坐标，第四个参数这个给个0，表示黑色会填充这个矩形
接着在这个之间前来画一个背景，即：screen.fill(WHITE)，这里背景填充白色
接着在画第二个矩形，改下坐标为250这次把第四个参数改为1，表示不填充
接着再来第三个矩形，改下坐标为450，把第四个参数设置为10
最后要记得调用pygame.display.flip() 来更新一下页面，因为由于双缓冲的关系，这些绘制都是在内存中进行的，所以要用这个方法，把内存中的画面给一次性更新到显示器上，才能看的到
运行结果中需要的注意的是，第四个参数为10的时候，边框是向外扩展的，里边矩形的尺寸和我们给定是有一摸一样的，也就是说边框的宽度在原来的尺寸上，向外去扩展的
但是这样运行久后会发现你的电脑风扇就会呼呼响，这是因为那是个死循环，在死循环里边拼命绘制，而我们只需要看到就行了，而不是需要一个移动的图形，所以我们要来调低一下帧率 clock.tick(10) ，设置为一秒钟绘制10次就🉑了
2️⃣绘制多边形
用法👉 polygon(Surface, color, pointlist, width=0)
那么polygon的用法跟rect继续类似，除了第三个参数不同，第三个参数是指定多边形的各个顶点坐标构成的一个列表
import pygame
import sys
from pygame.locals import *
pygame.init()
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
GREEN = (0, 255, 0)
points = [(200, 75), (300, 25), (400, 75), (450, 25), (450, 125), (400, 75), (300, 125)]
size = width, height = 640, 200
screen = pygame.display.set_mode(size)
pygame.display.set_caption("Monster Demo")
clock = pygame.time.Clock()
while True:
for event in pygame.event.get():
if event.type == QUIT:
pygame.quit()
sys.exit()
screen.fill(WHITE)
pygame.draw.polygon(screen, GREEN, points, 0)
pygame.display.flip()
clock.tick(10)
解析：那么就来设置他第三个参数的列表，给出一列席顶点，绘制你想绘制的多边型
接着调用pygame.draw.polygon(screen, GREEN, points, 0) 颜色设置为绿色，在上面提前定义好GREEN = (0, 255, 0)
3️⃣绘制圆形
用法👉 circle(Surface, color, pos, radius, width=0)
绘制圆形跟rect矩形也是一样的，跟polygon也是类似的，第三个参数是指定圆心的位置，第四个参数指定半径的大小，然后下面实现画出个三个不同大小的同心圆，然后用鼠标点击或者拖拽的时候这个圆或跟着你的鼠标而一起移动
import pygame
import sys
from pygame.locals import *
pygame.init()
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
GREEN = (0, 255, 0)
RED = (255, 0, 0)
BLUE = (0, 0, 255)
size = width, height = 640, 480
screen = pygame.display.set_mode(size)
pygame.display.set_caption("Monster Demo")
position = size[0]//2, size[1]//2
moving = False
clock = pygame.time.Clock()
while True:
for event in pygame.event.get():
if event.type == QUIT:
pygame.quit()
sys.exit()
if event.type == MOUSEBUTTONDOWN:
if event.button == 1:
moving = True
if event.type == MOUSEBUTTONUP:
if event.button == 1:
moving = False
if moving:
position = pygame.mouse.get_pos()
screen.fill(WHITE)
pygame.draw.circle(screen, RED, position, 25, 1)
pygame.draw.circle(screen, GREEN, position, 75, 1)
pygame.draw.circle(screen, BLUE, position, 125, 1)
pygame.display.flip()
clock.tick(120)
解析:在多添加一个红色RED = (255, 0, 0) 和蓝色 BLUE = (0, 0, 255) 两个变量
接着先把圆画出来pygame.draw.circle(screen, RED, position, 25, 1)，第一个圆画红色，然后位置position这里需要给个变量，因为他是会移动的，position = size[0]//2, size[1]//2 指定初始化位置为size窗口的一半，这里要用地板除，因为他需要接收是整型的参数，半径第一个圆给25，最后一个参数给1个像素的宽度，接着在画第二个绿色的圆和蓝色的圆，半径分别是75和125
圆画好了，接着要做的是鼠标点击或者拖拽可以移动这个圆，首先我们要响应他的一个event.type == MOUSEBUTTONDOWN: 鼠标按钮按下事件，接着判断if event.button == 1: button 是1的话表示左键，2表示中间键，3表示右键，4表示滚轮向上，5表示滚轮往下。
接着要先加个moving = False moving一个表示鼠标是否正在移动的变量，那么就是当点下鼠标左键的时候设置为True。
接着同样的还要响应一个event.type == MOUSEBUTTONUP: 鼠标按钮松开事件， if event.button == 1: 就是当鼠标左键释放的时候，把moving变量设置为False。
接着就是if moving: moving为True的时候，那么position = pygame.mouse.get_pos() 这个position就要相应地随用户鼠标修改，mouse.get_pos()就是获得当前鼠标位置的方法，就是调用这句的时候，鼠标在哪就获得在哪，因为这是不断的循环中，而且速度非常非常快，所以直接点击的时候，你鼠标还没有移动，他就已经获得了点击了的时候的鼠标位置，然后呢你鼠标在不断的移动不断的移动，当然这个时候鼠标还是在点击状态的，一旦释放了，就会触动moveing =False，就不会再修改位置了，如果移动的时候有点卡，就把帧率稍微调高一些
4️⃣绘制椭圆形
用法👉 ellipse(Surface, color, Rect, width=0)
在Tkinter里面，圆形和椭圆形的绘制方法是一样的，但在Pygame中，两者是分开的。椭圆的话是利用第三个参数来指定的矩形来绘制，指定的这个矩形我们称为限定矩形，那么如果这个限定矩形是正方形的话，那么绘制出来的当然就是一个圆形了，那么下面就画一个椭圆形，在用椭圆形的方法画一个圆形
import pygame
import sys
from pygame.locals import *
pygame.init()
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
GREEN = (0, 255, 0)
RED = (255, 0, 0)
BLUE = (0, 0, 255)
size = width, height = 640, 300
screen = pygame.display.set_mode(size)
pygame.display.set_caption("Monster Demo")
clock = pygame.time.Clock()
while True:
for event in pygame.event.get():
if event.type == QUIT:
pygame.quit()
sys.exit()
screen.fill(WHITE)
pygame.draw.ellipse(screen, BLACK, (100, 100, 440, 100), 1)
pygame.draw.ellipse(screen, BLACK, (220, 50, 200, 200), 1)
pygame.display.flip()
clock.tick(120)
解析:pygame.draw.ellipse(screen, BLACK, (100, 100, 440, 100), 1) 就直接调用ellipse来绘制就可以了，颜色黑色，这个矩形就是从(100,100)的位置到宽为440，高为100的矩形，然后在这个矩形里边填充一个椭圆，然后是1像素的宽度。当然这个矩形是形式不出来的，就是限定这个椭圆的范围
接着来个限定矩形是正方形的情况，pygame.draw.ellipse(screen, BLACK, (220, 50, 200, 200), 1) 坐标就是表示在(220,50)的位置开始，画一个长200，宽200的正方形。
5️⃣绘制弧线
用法👉 arc(Surface, color, Rect, start_angle, stop_angle, width=1)
弧线是是使用acr方法来绘制的，弧线事实上就是从椭圆上剥下来的，椭圆上的一部分，所以你会发现他的参数跟椭圆是很像的，他后边有start_angle, stop_angle这两个参数，表示是椭圆的哪一部分，起始角度和结束角度，他的单位是弧度。
import pygame
import sys
import math
from pygame.locals import *
pygame.init()
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
GREEN = (0, 255, 0)
RED = (255, 0, 0)
BLUE = (0, 0, 255)
size = width, height = 640, 300
screen = pygame.display.set_mode(size)
pygame.display.set_caption("Monster Demo")
clock = pygame.time.Clock()
while True:
for event in pygame.event.get():
if event.type == QUIT:
pygame()
sys.exit()
screen.fill(WHITE)
pygame.draw.arc(screen, BLACK, (100, 100, 440, 100), 0, math.pi, 1)
pygame.draw.arc(screen, BLACK, (220, 50, 200, 200), math.pi, math.pi * 2, 1)
pygame.display.flip()
clock.tick(120)
解析：首先要用到弧度，就需要用到pi，所以在多导入一个math模块.
接着就直接调用acr方法就好了， pygame.draw.arc(screen, BLACK, (100, 100, 440, 100), 0, math.pi, 1) 这里限定矩形就在(100,100)位置开始，画个长440，宽100的限定矩形，这里说画，当然是显示不出来的，方便理解，接着是后边是表示从0开始，画到180°，也就是math.pi
第二个pygame.draw.arc(screen, BLACK, (220, 50, 200, 200), math.pi, math.pi * 2, 1) 就是从180°画到360度，
运行结果可以看到，他们分别是上一个圆和椭圆的一部分
6️⃣绘制线段:
用法1👉 line(Surface, color, start_pos, end_pos, width=1)
用法2👉 lines(Surface, color, closed, pointlist, width=1)
这里有line方法和lines方法，第一个是绘制一条线段，第二个是绘制多条线段，然后呢其中lines() 方法如果 closed 参数设置为 True或者1，则绘制首尾相连，这和前面的 polygon() 方法有点像，但是区别是线段的概念就是一条线或者多条线，是不会包围起来的，所以不能填充，把width 设为0就不显示了，而不是填充。之前的讲的弧线也不可以填充
import pygame
import sys
from pygame.locals import *
pygame.init()
WHITE = (255, 255, 255)
BLACK = (0, 0, 0)
GREEN = (0, 255, 0)
points = [(200, 75), (300, 25), (400, 75), (450, 25), (450, 125), (400, 75), (300, 125)]
size = width, height = 640, 200
screen = pygame.display.set_mode(size)
pygame.display.set_caption("Monster Demo")
clock = pygame.time.Clock()
while True:
for event in pygame.event.get():
if event.type == QUIT:
pygame.quit()
sys.exit()
screen.fill(WHITE)
pygame.draw.lines(screen, GREEN, 0, points, 1)
pygame.display.flip()
clock.tick(10)
用法3👉 aaline(Surface, color, startpos, endpos, blend=1)
用法4👉 aalines(Surface, color, closed, pointlist, blend=1)
上面的aa就抗锯齿的意思，开启了抗锯齿后我们的游戏画面就会有质的飞越，上面两个就是绘制抗锯齿的线段，最后一个参数 blend就是指定是否通过绘制混合背景的阴影来实现抗锯齿功能，所谓的抗锯齿他就是说你一条斜线会产生锯齿的，你可以把一个像素想象成一个正方形，正方形都会有棱棱角角，而抗锯齿呢就是把旁边一些相关的棱角(像素)用背景的阴影接近他那个颜色给渲染一下，混合一下，给看上去显得更加平滑流畅，由于没有width参数，他们只能绘制一个像素的线段，
解析： pygame.draw.lines(screen, GREEN, 1, points, 1) 上面也演示了，如果把closed选项设置为0就不会闭合，设置为1他就会首位相连，宽度不能设置为0
下来又画了几条斜线来区分什么叫做锯齿，pygame.draw.line(screen, BLACK, (100, 200), (540, 250), 1) 首先这个是line
接着是aaline，抗锯齿的，pygame.draw.aaline(screen, BLACK, (100, 250), (540, 300), 1) 把blend选项设置为1，表示打开抗锯齿功能，第三条就是不开启抗锯齿时作为对比，
那么可以看到第一条和第三条显得很抖，第二条抗锯齿的就很平滑，因为他把旁边的像素变成阴影，看起来就很舒服
本篇博客到这就完啦，非常感谢您的阅读🙏，如果对您有帮助，可以帮忙点个赞或者来波关注鼓励一下喔😬 ，嘿嘿👀
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
