当前位置 博文首页 > pygame实现井字棋之第一步绘制九宫格

    pygame实现井字棋之第一步绘制九宫格

    作者:筱羊冰冰 时间:2021-06-10 17:50

    一、前言

    这次,自己尝试使用pygame模块实现一个九宫格游戏。
    目标:形成一个界面,将界面分割成9个,然后对于没有被占领的方框,我们可以用鼠标点击进行占领。
    游戏规则就不用说了,至于套路,自己百度一下吧。
    这里的人机采用随机数模式,因为实在是没什么套路。

    二、显示界面

    import pygame
    import sys
    # 初始化模块,加一下稳一些
    pygame.init()
    # 创建屏幕对象
    screen = pygame.display.set_mode((width,height))
    # 界面背景颜色渲染,放在while中会不断覆盖格子
    screen.fill((255,255,255))
    # 界面的标题
    pygame.display.set_caption('井字棋')
    
    # 刷新界面函数
    def update():
        pass
    
    # 游戏状态,0表示未分胜负,-1表示个人胜利,1表示电脑获胜
    judge = 0
    
    while not judge:
        update()
        # 感应事件
        for event in pygame.event.get():
        	# 点击关闭窗口,退出游戏
        	if event.type == pygame.QUIT:
                sys.exit()
        # 将渲染的界面显示
        pygame.display.flip()
    

    另外,注意一下如果我们没有使用exit,那么游戏界面可能会卡死,然后显示未响应。

    三、九宫格

    这里我的想法是将界面分成9个格子,每一个格子对应一个rect对象。

    # width、height已经给出
    # 长/宽的三分之一,为一个格子的长宽
    single = width/3
    # 表示九个格子
    rect = [0]*9
    rect[0] = pygame.draw.rect(screen,(255,228,181),((0,0),(single,single)),width=1)
    rect[1] = pygame.draw.rect(screen,(255,228,181),((single,0),(single,single)),width=1)
    rect[2] = pygame.draw.rect(screen,(255,228,181),((single*2,0),(single,single)),width=1)
    rect[3] = pygame.draw.rect(screen,(255,228,181),((0,single),(single,single)),width=1)
    rect[4] = pygame.draw.rect(screen,(255,228,181),((single,single),(single,single)),width=1)
    rect[5] = pygame.draw.rect(screen,(255,228,181),((single*2,single),(single,single)),width=1)
    rect[6] = pygame.draw.rect(screen,(255,228,181),((0,single*2),(single,00)),width=1)
    rect[7] = pygame.draw.rect(screen,(255,228,181),((single,single*2),(single,single)),width=1)
    rect[8] = pygame.draw.rect(screen,(255,228,181),((single*2,800),(single,single)),width=1)
    

    首先用[0]*9表示列表元素个数为9,然后修改内容……

    rect函数的参数:

    • 背景界面,我们的screen
    • rbg颜色(这个颜色可能是矩形的填充颜色,也可能是边界颜色,看下面就知道了)
    • 矩形元组,第一个变量的矩形的左上角坐标,也是元组;第二个是宽度、长度
    • 边界宽度,如果非零则前面的颜色为边界颜色;如果为0,为填充颜色

    你问我xy坐标什么鬼啊,就是这样

    在这里插入图片描述

    四、效果

    在这里插入图片描述

    我们的边界和背景颜色相当于写死,所以不需要每一次都进行渲染。

    当格子被占用,我们需要显示一个X或者O,初步想法是在rect上渲染一个图像(如果懒得找就直接文字处理成矩形了),所以这样就涉及到了两个矩形的嵌套,我另外写了一个类。

    # lattice.py
    class Lattice():
        def __init__(self,rect):
            self.rect = rect
            # 0表示初始,1表示个人-1表示电脑
            self.stats = 0
    	
    	# 渲染矩阵
        def draw(self):
            # 按照状态显示
            if self.stats == -1:
                pass
            elif self.stats == 0:
                pass
            else:
                pass
    

    按照格子的状态,生成内部矩形(还没写)。

    主模块:

    from lattice import Lattice
    
    for i in range(len(rect)):
        rect[i] = Lattice(rect[i])

    这样,原来的rect对象列表就变成了类的实例的列表。

    未完待续

    接下来,我将实现游戏的整体逻辑。

    下一篇:pygame实现井字棋——2.逻辑实现

    js