AI 助理
备案控制台
开发者社区 云计算 文章 正文

Pyglet图形界面版2048游戏——详尽实现教程（上）

2024-04-23 76
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Pyglet图形界面版2048游戏——详尽实现教程（上）

Pyglet图形界面版2048游戏

一、色块展示

准备好游戏数字的背景颜色，如以下12种：

COLOR = ((206, 194, 180, 255), (237, 229, 218, 255), (237, 220, 190, 255),

                 (241, 176, 120, 255), (247, 146, 90, 255), (245, 118, 86, 255),

                 (247, 83, 44, 255), (237, 206, 115, 255), (229, 210, 82, 255),

                 (208, 164, 13, 255), (230, 180, 5, 255), (160, 134, 117, 255))

这些颜色用于pyglet.shapes.Rectangle()绘制方块，用法：

Rectangle(x, y, width, height, color=(255, 255, 255, 255), batch=None, group=None)

示例代码： 

import pyglet
 
window = pyglet.window.Window(800, 600, caption='色块展示')
 
COLOR = ((206, 194, 180), (237, 229, 218), (237, 220, 190), (241, 176, 120),
        (247, 146, 90), (245, 118, 86), (247, 83, 44), (237, 206, 115),
        (229, 210, 82), (208, 164, 13), (230, 180, 5), (160, 134, 117))
 
batch = pyglet.graphics.Batch()
shape = [pyglet.shapes.Rectangle(180+i%4*120, 120+i//4*120, 100, 100, color=COLOR[i], batch=batch) for i in range(len(COLOR))]
 
@window.event
def on_draw():
    window.clear()
    batch.draw()
 
pyglet.app.run()

运行效果：

二、绘制标题

使用pyglet.text.Label()+pyglet.shapes.Rectangle()绘制标题图片，为美化效果把数字0转过一定角度，属性.rotaion为旋转角度，属性.anchor_position为旋转中心坐标，属性.x和.y为控件坐标，可以对个别控件的位置作出调整。


示例代码：

import pyglet
from pyglet import shapes,text
 
window = pyglet.window.Window(800, 600, caption='2048')
batch = pyglet.graphics.Batch()
 
x, y = 280, 260
width, height = 70, 80
coord = (x, y), (x+120, y), (x+70, y+60), (x+200, y)
color = (230, 182, 71), (220, 112, 82), (245, 112, 88), (248, 160, 88)
label = [text.Label(s,font_name='Arial',font_size=42,bold=True,
                        x=coord[i][0]+width//2, y=coord[i][1]+height//2,
                        anchor_x='center', anchor_y='center',  
                        batch=batch) for i,s in enumerate('2408')]
rectangle = [shapes.Rectangle(coord[i][0], coord[i][1], width, height,
                        color=color[i], batch=batch) for i in range(4)]
rectangle[2].anchor_position = (15, 15)
rectangle[2].rotation = 30
label[2].rotation = 30
label[2].x += 10
label[2].y -= 25
 
@window.event
def on_draw():
    window.clear()
    batch.draw()
 
pyglet.app.run()

运行效果：

三、方阵色块

方阵色块和数字设置成一个类class Game2048，从2阶到9阶，数字色块的背景随数字的变化而变化，色块和数字也使用 Rectangle 和 Label 绘制。


self.shapes = []
self.labels = []
for i in range(order**2):
       x, y = i%order*(size+margin)+38, i//order*(size+margin)+38
       index = randint(0, min(self.index, len(COLOR)-1))
       self.shapes.append(shapes.Rectangle(x,y,size,size,color=COLOR[index],batch=batch))
       self.labels.append(text.Label(str(2**index) if index else '', font_size=font_size,
                    x=x+size//2, y=y+size//2,anchor_x='center', 

                    anchor_y='center',bold=True,batch=batch))

示例代码：

import pyglet
from pyglet import shapes,text
from random import randint
 
window = pyglet.window.Window(600, 600, caption='2048')
 
pyglet.gl.glClearColor(176/255, 196/255, 222/255, 0.6)
 
COLOR = ((206, 194, 180), (237, 229, 218), (237, 220, 190), (241, 176, 120), (247, 146, 90),
         (245, 118, 86), (247, 83, 44), (237, 206, 115), (229, 210, 82), (208, 164, 13),
         (230, 180, 5), (160, 134, 117))
 
batch = pyglet.graphics.Batch()
 
class Game2048:
    def __init__(self, order=4):
        size = 255,165,120,96,77,65,55,48
        font_size = 128,60,30,24,21,16,12,11
        size = size[order-2]
        font_size = font_size[order-2]
        margin = 14 if order<5 else 12
        self.order = order
        self.index = order+7 if order>3 else (4 if order==2 else 7)
        self.shape = shapes.Rectangle(20, 20, 560, 560, color=(190,176,160), batch=batch)
        self.shapes = []
        self.labels = []
        for i in range(order**2):
            x, y = i%order*(size+margin)+38, i//order*(size+margin)+38
            index = randint(0, min(self.index, len(COLOR)-1))
            self.shapes.append(shapes.Rectangle(x,y,size,size,color=COLOR[index],batch=batch))
            self.labels.append(text.Label(str(2**index) if index else '', font_size=font_size,
                    x=x+size//2, y=y+size//2,anchor_x='center', anchor_y='center',bold=True,batch=batch))
 
@window.event
def on_draw():
    window.clear()
    batch.draw()
 
@window.event
def on_key_press(symbol, modifiers):
    global box
    order = symbol - 48 if symbol<100 else symbol - 65456
    if order in range(2,10):
        game = Game2048(order)
 
box = Boxes(5)
pyglet.app.run()

运行效果：可以用键盘操作，数字2~9分别对应方阵的2~9阶。

四、界面布局

把以上内容结合到一起成为游戏的主界面，在屏幕中央显示标题图以及提示语，任意键后显示标题移到界面左上方，色块盘则显示在界面下方。另外，使用pyglet.clock.schedule_interval()切换提示语的可见性，产生动画效果：

def switch_visible(event):
    any_key_label.visible = not any_key_label.visible

pyglet.clock.schedule_interval(switch_visible, 0.5)

完整示例代码：

import pyglet
from pyglet import shapes,text
from random import randint
 
window = pyglet.window.Window(600, 800, caption='2048')
 
pyglet.gl.glClearColor(176/255, 196/255, 222/255, 0.6)
 
COLOR = ((206, 194, 180), (237, 229, 218), (237, 220, 190), (241, 176, 120), (247, 146, 90),
         (245, 118, 86), (247, 83, 44), (237, 206, 115), (229, 210, 82), (208, 164, 13),
         (230, 180, 5), (160, 134, 117))
 
batch = pyglet.graphics.Batch()
group = pyglet.graphics.Group()
 
def title2048(x=170, y=450):
    global label,rectangle
    width, height = 70, 80
    coord = (x, y), (x+width*2-20, y), (x+width, y+height), (x+width*3-10, y)
    color = (230, 182, 71), (220, 112, 82), (245, 112, 88), (248, 160, 88)
    label = [text.Label(s, font_name='Arial', font_size=42, bold=True, batch=batch, group=group,
                    x=coord[i][0]+width//2, y=coord[i][1]+height//2, anchor_x='center',
                    anchor_y='center') for i,s in enumerate('2408')]
    rect = lambda i:(coord[i][0], coord[i][1], width, height)
    rectangle = [shapes.Rectangle(*rect(i), color=color[i], batch=batch, group=group) for i in range(4)]
    rectangle[2].anchor_position = (15, 15)
    rectangle[2].rotation = 30
    label[2].rotation = 30
    label[2].x += 10
    label[2].y -= 25
 
class Game2048:
    def __init__(self, order=4):
        size = 255,165,120,96,77,65,55,48
        font_size = 128,60,30,24,21,16,12,11
        size = size[order-2]
        font_size = font_size[order-2]
        margin = 14 if order<5 else 12
        self.order = order
        self.index = order+7 if order>3 else (4 if order==2 else 7)
        self.shape = shapes.Rectangle(20, 20, 560, 560, color=(190, 176, 160), batch=batch)
        self.shapes = []
        self.labels = []
        for i in range(order**2):
            x, y = i%order*(size+margin)+38, i//order*(size+margin)+38
            index = randint(0, min(self.index, len(COLOR)-1))
            rect = x, y, size, size
            self.shapes.append(shapes.Rectangle(*rect, color=COLOR[index], batch=batch))
            text = str(2**index) if index else ''
            self.labels.append(text.Label(text, font_size=font_size, x=x+size//2, y=y+size//2,
                    anchor_x='center', anchor_y='center', bold=True, batch=batch))
 
any_key = True
any_key_label = text.Label("any key to start ......", x=window.width//2, y=window.height//2,
                    font_size=24, anchor_x='center', anchor_y='center')
 
@window.event
def on_draw():
    window.clear()
    batch.draw()
    if any_key:
        any_key_label.draw()
 
@window.event
def on_key_press(symbol, modifiers):
    global any_key, game
    if any_key:
        any_key = False
        title2048(20, 630)
        game = Game2048(5)
        return
    order = symbol - 48 if symbol<100 else symbol - 65456
    if order in range(2,10):
        game = Game2048(order) 
 
@window.event
def on_mouse_press(x, y, button, modifier):
    if any_key:
        on_key_press(0, 0)
 
def switch_visible(event):
    any_key_label.visible = not any_key_label.visible
 
if any_key:
    pyglet.clock.schedule_interval(switch_visible, 0.5)
 
title2048()
pyglet.app.run()

运行效果：

五、键鼠操作

增加上下左右方向的键盘操作，左手操作也可以用ASDW四个字符键；鼠标操作则检测在色块盘的位置，如下图所示，对角线分割出的四个区域分别分表上下左右。四个区域由y=x,y=-x+600两条直线方程所分割，并且满足20<x,y<580即可。测试用控件放在class Game2048类里：

  '''以下控件测试用'''

        self.line1 = shapes.Line(20, 20, 580, 580, width=4, color=(255, 0, 0), batch=batch)
        self.line2 = shapes.Line(20, 580, 580, 20, width=4, color=(255, 0, 0), batch=batch)
        self.box = shapes.Box(18, 18, 564, 564, thickness=4, color=(255, 0, 0), batch=batch)
        self.text = text.Label("", x=450, y=650, font_size=24, color=(250, 0, 0, 255),
                    anchor_x='center', anchor_y='center', bold=True, batch=batch)

键盘操作：

@window.event
def on_key_press(symbol, modifiers):
    if symbol in (key.A, key.LEFT):
        move_test('left')
    elif symbol in (key.D, key.RIGHT):
        move_test('right')
    elif symbol in (key.W, key.UP):
        move_test('up')
    elif symbol in (key.S, key.DOWN):
        move_test('down')

鼠标操作：

@window.event
def on_mouse_press(x, y, button, modifier):
    if any_key:
        on_key_press(0, 0)
    if direction == 'left':
        move_test('left')
    elif direction == 'right':
        move_test('right')
    elif direction == 'up':
        move_test('up')
    elif direction == 'down':
        move_test('down')

@window.event
def on_mouse_motion(x, y, dx, dy):
    global direction
    if 20<x<y<580 and x+y<600:
        direction = 'left'
    elif 20<y<x<580 and x+y>600:
        direction = 'right'
    elif 20<x<y<580 and x+y>600:
        direction = 'up'
    elif 20<y<x<580 and x+y<600:
        direction = 'down'
    else:
        direction = None

完整代码：

import pyglet
from pyglet import shapes,text
from pyglet.window import key
from random import randint
 
window = pyglet.window.Window(600, 800, caption='2048')
 
pyglet.gl.glClearColor(176/255, 196/255, 222/255, 0.6)
 
COLOR = ((206, 194, 180), (237, 229, 218), (237, 220, 190), (241, 176, 120), (247, 146, 90),
         (245, 118, 86), (247, 83, 44), (237, 206, 115), (229, 210, 82), (208, 164, 13),
         (230, 180, 5), (160, 134, 117))
 
batch = pyglet.graphics.Batch()
group = pyglet.graphics.Group()
 
def title2048(x=170, y=450):
    global label,rectangle
    width, height = 70, 80
    coord = (x, y), (x+width*2-20, y), (x+width, y+height), (x+width*3-10, y)
    color = (230, 182, 71), (220, 112, 82), (245, 112, 88), (248, 160, 88)
    label = [text.Label(s, font_name='Arial', font_size=42, bold=True, batch=batch, group=group,
                    x=coord[i][0]+width//2, y=coord[i][1]+height//2, anchor_x='center',
                    anchor_y='center') for i,s in enumerate('2408')]
    rect = lambda i:(coord[i][0], coord[i][1], width, height)
    rectangle = [shapes.Rectangle(*rect(i), color=color[i], batch=batch, group=group) for i in range(4)]
    rectangle[2].anchor_position = (15, 15)
    rectangle[2].rotation = 30
    label[2].rotation = 30
    label[2].x += 10
    label[2].y -= 25
 
class Game2048:
    def __init__(self, order=4):
        size = 255,165,120,96,77,65,55,48
        font_size = 128,60,30,24,21,16,12,11
        size = size[order-2]
        font_size = font_size[order-2]
        margin = 14 if order<5 else 12
        self.order = order
        self.index = order+7 if order>3 else (4 if order==2 else 7)
        self.shape = shapes.Rectangle(20, 20, 560, 560, color=(190, 176, 160), batch=batch)
        self.shapes = []
        self.labels = []
        for i in range(order**2):
            x, y = i%order*(size+margin)+38, i//order*(size+margin)+38
            index = randint(0, min(self.index, len(COLOR)-1))
            rect = x, y, size, size
            self.shapes.append(shapes.Rectangle(*rect, color=COLOR[index], batch=batch))
            txt = str(2**index) if index else ''
            self.labels.append(text.Label(txt, font_size=font_size, x=x+size//2, y=y+size//2,
                    anchor_x='center', anchor_y='center', bold=True, batch=batch))
        '''以下控件测试用'''
        self.line1 = shapes.Line(20, 20, 580, 580, width=4, color=(255, 0, 0), batch=batch)
        self.line2 = shapes.Line(20, 580, 580, 20, width=4, color=(255, 0, 0), batch=batch)
        self.box = shapes.Box(18, 18, 564, 564, thickness=4, color=(255, 0, 0), batch=batch)
        self.text = text.Label("", x=450, y=650, font_size=24, color=(250, 0, 0, 255),
                    anchor_x='center', anchor_y='center', bold=True, batch=batch)
 
any_key = True
any_key_label = text.Label("any key to start ......", x=window.width//2, y=window.height//2,
                    font_size=24, anchor_x='center', anchor_y='center')
 
@window.event
def on_draw():
    window.clear()
    batch.draw()
    if any_key:
        any_key_label.draw()
 
def move_test(direction):
    global game
    game.text.text = direction.title()
 
@window.event
def on_key_press(symbol, modifiers):
    global any_key, game, direction
    if any_key:
        any_key = False
        title2048(20, 630)
        game = Game2048(5)
        return
    order = symbol - 48 if symbol<100 else symbol - 65456
    if order in range(2,10):
        game = Game2048(order)
    if symbol in (key.A, key.LEFT):
        move_test('left')
    elif symbol in (key.D, key.RIGHT):
        move_test('right')
    elif symbol in (key.W, key.UP):
        move_test('up')
    elif symbol in (key.S, key.DOWN):
        move_test('down')
 
direction = None
 
@window.event
def on_mouse_press(x, y, button, modifier):
    if any_key:
        on_key_press(0, 0)
    if direction == 'left':
        move_test('left')
    elif direction == 'right':
        move_test('right')
    elif direction == 'up':
        move_test('up')
    elif direction == 'down':
        move_test('down')
 
@window.event
def on_mouse_motion(x, y, dx, dy):
    global direction
    if 20<x<y<580 and x+y<600:
        direction = 'left'
    elif 20<y<x<580 and x+y>600:
        direction = 'right'
    elif 20<x<y<580 and x+y>600:
        direction = 'up'
    elif 20<y<x<580 and x+y<600:
        direction = 'down'
    else:
        direction = None
 
def switch_visible(event):
    any_key_label.visible = not any_key_label.visible
 
if any_key:
    pyglet.clock.schedule_interval(switch_visible, 0.5)
 
title2048()
pyglet.app.run()
HannYang
目录
相关文章
风吹落叶花飘荡
|
3月前
|
API 开发工具 图形学
从零开始的PICO教程（1）Pico游戏开发项目配置
这篇文章是PICO游戏开发的入门教程，详细介绍了如何注册成为PICO开发者、创建组织和应用、导入PICO的SDK、配置Unity项目以及完成项目设置的整个流程。
风吹落叶花飘荡
148 2
从零开始的PICO教程（1）Pico游戏开发项目配置
Want595
|
5月前
|
Linux iOS开发 MacOS
游戏开发丨基于PyGlet的简易版Minecraft我的世界游戏
游戏开发丨基于PyGlet的简易版Minecraft我的世界游戏
Want595
128 2
快捷资讯
|
4月前
Libgdx游戏开发(7)——开始游戏界面实现
使用上的注意事项 1. 切换到一个新的Screen的时候,如果之前的Screen不再使用,需要手动调用Screen.dispose方法,进行资源的释放 2. 给Game对象设置Screen的时候,设置的新的那个Screen会调用onShow()方法,而之前的Screen会调用onHide()方法 3. 如果有需要的话,一般在onShow()方法,给当前Screen设置一个输入监听器 优化尝试 - 全局game对象
快捷资讯
42 0
郏国上
|
6月前
|
测试技术 uml 数据安全/隐私保护
强大的跨平台绘制流程图软件网站ProcessOn
强大的跨平台绘制流程图软件网站ProcessOn
郏国上
99 0
didiplus
|
6月前
|
JSON JavaScript UED
画出你的想法，体验Excalidraw的魅力，完全免费的绘图工具！
画出你的想法，体验Excalidraw的魅力，完全免费的绘图工具！
didiplus
241 1
小蚂蚁XMY
|
6月前
|
开发工具 图形学 计算机视觉
微信小游戏制作工具跟其它游戏引擎有什么区别？该怎么选？
微信小游戏制作工具跟其它游戏引擎有什么区别？该怎么选？
小蚂蚁XMY
218 0
布客飞龙
|
6月前
|
存储 Shell 程序员
使用 Python 和 Pygame 制作游戏：第一章到第五章
使用 Python 和 Pygame 制作游戏：第一章到第五章
布客飞龙
225 0
Carl_奕然
|
Linux Python
Python3，1行代码，制作GUI图形界面，果然被种草了。
Python3，1行代码，制作GUI图形界面，果然被种草了。
Carl_奕然
84 0
荷塘月色2
|
C++ Python
C++实现图形界面五子棋游戏源码
C++实现图形界面五子棋游戏源码
荷塘月色2
129 0
小康2022
|
存储 人工智能 算法
Tkinter模块GUI界面化编程实战（七）——人机对战五子棋（含超详解及完整源码、完整程序免费下载链接）
Tkinter模块GUI界面化编程实战（七）——人机对战五子棋（含超详解及完整源码、完整程序免费下载链接）
小康2022
191 0
Tkinter模块GUI界面化编程实战（七）——人机对战五子棋（含超详解及完整源码、完整程序免费下载链接）

热门文章

最新文章

  • 1
    会声会影2023视频编辑软件免费序列号永久
  • 2
    苹果电脑 Mac OS X 系统上防止误按 command+Q 退出软件
  • 3
    Flutter之禅 内存优化篇
  • 4
    用户密码以BCrypt加密的方式来防范被破解
  • 5
    java Redis工具类
  • 6
    unit9练习
  • 7
    XP注册表优化工具箱
  • 8
    CV和Resume的区别（转）
  • 9
    两名在校生的问题
  • 10
    【AIX 学习】网络管理
  • 1
    通义灵码的代码安全增强措施
    63
  • 2
    国外地区经纬度查询免费API接口教程
    56
  • 3
    《C++文件操作新境界：随机访问与映射的高效实现秘籍》
    55
  • 4
    《C++ 网络编程：高效实现 TCP/IP 与 UDP 通信》
    43
  • 5
    全国行政区划查询免费API接口教程
    47
  • 6
    全国行政区划代码与经纬度查询免费API接口教程
    28
  • 7
    Web应用防火墙（WAF）与数据库应用防火墙有什么区别？
    30
  • 8
    服务器最大支持多少链接数
    27
  • 9
    国家名称大全免费API接口教程
    25

    • 相关课程

    更多
  • C++ 入门教程开发文档
  • MoonBit 编程语言设计和游戏开发
  • 【从绘图开始】Python零基础入门
  • 【视觉与图像】Python+OpenCV教程入门篇-1月16日更新
  • Python完全自学手册图文教程
  • Go语言完全自学手册图文教程

    • 相关电子书

    更多
  • 如何高效的制作主机次时代游戏——高效游戏制作流程
  • 如何高效的制作主机次时代游戏
  • 函数计算最佳实践：快速开发一个分布式 Puppeteer 网页截图服务

    • 相关实验场景

    更多
  • 使用ROS一键部署2048小游戏
  • 免费撸A10显卡！在PAI-DSW里用FaceChain训练专属形象照
  • 1分钟部署经典小游戏
    • 下一篇
    阿里云OSS设置跨域访问