QT--QGraphicsView Whac-A-Mole 打地鼠(1)

最新推荐文章于 2024-04-15 08:57:09 发布
最新推荐文章于 2024-04-15 08:57:09 发布
阅读量1.2k 收藏 6
点赞数 3
分类专栏： QT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43086497/article/details/104660708
版权

2020-3-5更新

后续（2）
https://blog.csdn.net/weixin_43086497/article/details/104681956

2020-3-9更新

后续（3）
https://blog.csdn.net/weixin_43086497/article/details/104758504

原内容

打地鼠

概况

这个项目里面主要用到的一个控件就是Graphics View。
它相当于一个容器，管理着它其中的Items并且能与之进行交互。
有关它的框架：
QGraphicsView容器->QGraphicsScence场景->QGraphicsItem图元
其中QGraphicsItem图元类，只是一个虚基类，有8中不同的派生类
这个项目中主要用到其中的QGraphicsPixmapItem 像素图元

成品

在这里插入图片描述

一

项目需要有图片，音乐等一些资源文件，需要利用QT自带的
Qt Resource File，先新建一个空白工程。
在这里插入图片描述
右击项目名称，添加新文件，选Qt，选中QtResource File
在这里插入图片描述
然后可以看到目录多了一个Resources文件
右击Resources目录下刚刚新建的resources文件
选中Open in Editor
在这里插入图片描述
这时候可以开始添加我们的项目文件
此时点击添加，添加文件是不可选的，可以点击添加前缀
在这里插入图片描述
可以编辑自己喜欢的前缀名，必须以 / 开头
它就相当于文件的目录，这个Resources相当于一个文件管理系统
此时可以点击添加，添加文件了，点击需要添加的文件
我这里只添加一些需要的图片
在这里插入图片描述
然后来到Forms下ui界面添加一个Graphics View
顺便添加需要的游戏按钮pushButton，开始和停止,命名好
然后添加一个显示成绩的LCD Number，按自己喜好布局好
在这里插入图片描述

二

此时我们需要构造场景给GraphicsView显示，场景由一个个最基本的图元Item组成
所以先添加一个类，够造Item
依旧右击项目添加新文件
在这里插入图片描述
选中新建C++类
在这里插入图片描述
这里给它指定一个Base Class，方便后面使用
QGraphicsPixmapItem
完成添加后，点开新建类的头文件
先包含QGraphicsPixmapItem头文件
在这里插入图片描述
一个item类就构造完成，下面实现功能
把项目需要的图片跟图元Item绑定起来，使用
void QGraphicsPixmapItem::setPixmap(const QPixmap &pixmap)函数
它需要一个QPixmap类型的传参，QPixmap有很多种重载
我们需要显示图片，就为它传进我们刚刚添加的资源文件的路径
在这里插入图片描述
此时一个最小图元就基本构造完成
下一步利用图元做一个场景，依旧新建一个类
但是要勾选一个QObject
在这里插入图片描述
新建完毕后打开新建类的头文件，我这里新建的是scene
打开scene.h把QObject改为QGraphicsScene
并且包含头文件，方便后面使用
在这里插入图片描述
此时我们先包含Item头文件并切构造一个Item类的对象
在这里插入图片描述
然后来到scene.cpp把图元加到场景里面去
这里使用
void QGraphicsScene::addItem(QGraphicsItem *item)
把图元加到场景
注意scene.cpp最底下的类也要改一下为QGraphicsScene
在这里插入图片描述
场景到这里就基本构造好了，下面实现显示

三

来到mainwidow.h
同样是包含scene类头文件并切构造一个scene对象
在这里插入图片描述
来到mainwindow.cpp里把场景跟grapicsview绑定
这里使用
void QGraphicsView::setScene(QGraphicsScene *scene)
可以看见这里需要一个QGraphicsScene 的传参
就把我们新构造的场景传进去就完成了
在这里插入图片描述

效果图

在这里插入图片描述
图元->场景->graphicsView
一个基本的框架有了,剩下打地鼠的完整功能明天继续。

冲啊_chonga_冲啊
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
交互式 QGraphicsView（平移/缩放/旋转）
青春不老，奋斗不止！
12-09 3万+
Graphics View提供了一个平台，用于大量自定义 2D 图元的管理与交互，框架包括一个事件传播架构，支持场景 Scene 中的图元 Item 进行精确的双精度交互功能。
qt打地鼠游戏
12-16
qt嵌入式游戏入门程序，代码少，易懂简单。 适合课程设计的作业
Qt打地鼠游戏
04-22
qt打地鼠游戏，在博客CSDN IT1995 有相关博文讲解。 https://blog.csdn.net/qq78442761/
QT之QGraphicsView详细介绍
最新发布
2401_83283786的博客
04-15 2815
是 Qt GUI 库中的一个核心类，它是 Qt 图形视图框架的一部分，主要用于可视化地显示中的内容。QGraphicsView 提供了一个灵活且可定制的二维图形界面，支持丰富的交互功能，如平移、缩放、旋转，并能够管理和布局复杂的图形场景。基本特性：视图与场景分离类本身负责渲染和显示图形场景 ()，而场景则负责存储和管理所有的图形项 ()，这些图形项可以是文本、形状、图片等任何可视化元素。视口与坐标系统QGraphicsView 内部有一个视口，视口映射的是场景的部分或全部内容。
打地鼠QT实现
zj
08-09 3726
基本对照以下视频编写的，个人记录！！ 参考视频：B站地址. 平台： Windows + Qt Creator 4.5 项目简介 额…就是打地鼠嘛！！！！ 界面： 需要准备： 背景图片1（仅洞口） 背景图片2（有老鼠） 背景图片3（老鼠被打） 如下： @TOC# 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。...
QT实现打地鼠小游戏
qq_45488039的博客
02-12 2936
看吴健吴老师的视频做了一个打地鼠的小游戏，主要利用了qt中的2D显示器QGraphicsView， QGraphicsScence场景，以及图元QgraphicsItem下的像素图元QGraphicsPixmapItem。 关系为一个个图元构成场景，场景显示在显示器中。 ##效果如下（手机） 图元类 图元类主要设置每个图元上的图片是什么，该图元的状态（开始状态和暂停、停止状态），以及该图元上是...
QT--QGraphicsView Whac-A-Mole 打地鼠(2)
D_Mr
03-05 358
（1）的地址 https://blog.csdn.net/weixin_43086497/article/details/104660708 直接点我去（1） （2） （1）中我们只显示一副背景图 现在我们要显示一个完整的背景，做一个3X3的 这里面相当于有九个图元，那我们就来到scene.h 构造一个数组，把这九个背景存在里面，依次显示 即把 class scene : public QGra...
Qt打地鼠小游戏
05-26
基于Qt的打地鼠代码，程序纯手打，控件位置都是通过代码实现。代码逻辑清晰明了，功能丰富，知识点涵盖较全，适合初学者下载学习参考。
Qt - 从零到壹的 打地鼠 游戏
m0_65154686的博客
04-27 1889
在添加资源下拉菜单里，含有 background-image、border-image、image 三个选项。在资源文件npg内，添加图片。使用background-image，有一个需要注意的点，它会将此窗口上所有部件全部添加背景。区别自行百度，在这里我们使用background-image。最后一步，尤为重要，在此处右键，点击重新构建。再次点击添加，添加文件，选择我们的4张图片。就完成了资源文件的添加。而我们只需窗口需要背景，其他部件不需要此背景。如上图，添加按钮下拉菜单，选择添加前缀。
Whac-a-Mole-crx插件
04-07
街机游戏Whac-a-Mole Juega al divertido juego de feria，戈尔佩阿－托波，阿霍拉－恩图纳韦加多。 梭罗（Solo）介绍了莫奈达和利斯特拉·戈尔皮安多·阿尔·托波。 现在，在您的浏览器上玩有趣的游戏Whac-a-mole。...
基于QT的打地鼠游戏
11-12
此代码只是为大家提供参考，界面可能没有那么好看，但是总体来说还是可以的
Qt九宫格打地鼠
09-07
基于以前做的九宫格打地鼠，新增了暂停功能。也增加了注释。
Qt绘图 QGraphicsView
07-06
使用 QGraphicsView、QGraphicsScene、QGraphicsItem进行简单的缩放，移动，旋转
qt打地鼠小项目qt打地鼠小项目,适合初学ｑｔ练手使用，很容易看懂
10-23
qt打地鼠小项目,适合初学ｑｔ练手使用，很容易看懂
Whac-A-Mole Game
11-09
JavaScript
Whac-A-Mole
04-15
基于多线程、AsyncTask、Adapter、IntentFilter、自定义View、消息队列等技术的一款欢乐打地鼠的Android项目
谷歌师兄的leetcode刷题笔记-MS2-project:游戏Whac-A-Hacker，基于经典的Whac-A-Mole
06-30
谷歌师兄的leetcode刷题笔记Whac-A-Hacker v1.0 该游戏基于经典的打地鼠游戏。 我想制作自己的版本，所以选择射击黑客。 用户体验 这个游戏适合谁： 几乎所有人，除了最年轻的因为拍摄时的“图形”。 那些喜欢快速...
python写一个打地鼠游戏代码
06-12
好的，下面是一个简单的 Python 实现打地鼠游戏的代码： ```python import random import time class WhacAMole: def __init__(self, num_holes): self.num_holes = num_holes self.holes = [0] * num_holes self.score = 0 def print_board(self): print("Score: {}".format(self.score)) for i in range(self.num_holes): if self.holes[i] == 0: print("|{}|".format(i+1), end="") else: print("|X|", end="") print() def add_mole(self): index = random.randint(0, self.num_holes-1) self.holes[index] = 1 def remove_mole(self, index): self.holes[index] = 0 def play(self): print("Welcome to Whac-A-Mole!") print("You have 30 seconds to whack as many moles as you can.") start_time = time.time() while time.time() - start_time < 30: self.print_board() index = input("Choose a hole to whack (1-{}): ".format(self.num_holes)) index = int(index) - 1 if self.holes[index] == 1: self.score += 1 self.remove_mole(index) else: print("Missed!") self.add_mole() time.sleep(1) print("Time's up! Final score: {}".format(self.score)) # 测试 game = WhacAMole(6) game.play() ``` 这个程序实现一个有 6 个洞的打地鼠游戏。每隔一秒钟，程序会在随机的一个洞中出现一个地鼠。玩家需要在 30 秒内尽可能多地击中地鼠，每击中一个地鼠就会得到一分，未击中则不得分。最终输出总分数。 在这个代码实现中，我们使用了 `time` 模块来计时，并使用 `random` 模块随机生成地鼠出现的位置。玩家需要输入一个数字来选择击打的洞，如果该洞中有地鼠，则得分，否则不得分。你可以尝试修改这个代码来实现更多的功能，比如让游戏自动适应屏幕大小、增加更多的洞和地鼠等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值