Qt QML实现弹球消砖块小游戏

ops/2025/3/16 14:50:58/

前言

弹球消砖块游戏想必大家都玩过,很简单的小游戏,通过移动挡板反弹下落的小球,然后撞击砖块将其消除。本文使用QML来简单实现这个小游戏。
效果图:

在这里插入图片描述
在这里插入图片描述

正文

代码目录结构如下:
在这里插入图片描述
首先是小球部分,逻辑比较麻烦一点,需要检查与砖块的碰撞以及与挡板的碰撞,还要更新小球的轨迹位置,代码如下:
Ball.qml

import QtQuick 2.12Rectangle {id: ballwidth: 15height: 15radius: width / 2color: "#FFFFFF"border.color: "#DDDDDD"border.width: 1// 引用游戏区域和挡板property var gameAreaproperty var paddle// 球的速度和方向property real speedX: 0property real speedY: 0property real baseSpeed: 3// 信号:球丢失signal ballLost()// 重置球的位置和状态function reset() {x = gameArea.width / 2 - width / 2;y = gameArea.height / 2;speedX = 0;speedY = 0;}// 开始移动球function start() {if (speedX === 0 && speedY === 0) {// 随机初始方向,但确保向下var angle = (Math.random() * Math.PI / 2) + Math.PI / 4; // 45-135度之间speedX = Math.cos(angle) * baseSpeed;speedY = Math.sin(angle) * baseSpeed;}}// 检查与砖块的碰撞function checkBrickCollision() {for (var i = 0; i < gameArea.bricksRepeater.count; i++) {var brick = gameArea.bricksRepeater.itemAt(i);if (brick && !brick.destroyed) {var brickPos = brick.mapToItem(gameArea, 0, 0);if (x + width > brickPos.x && x < brickPos.x + brick.width &&y + height > brickPos.y && y < brickPos.y + brick.height) {// 确定碰撞方向并反弹var centerX = x + width / 2;var centerY = y + height / 2;var brickCenterX = brickPos.x + brick.width / 2;var brickCenterY = brickPos.y + brick.height / 2;var dx = centerX - brickCenterX;var dy = centerY - brickCenterY;if (Math.abs(dx / brick.width) > Math.abs(dy / brick.height)) {// 水平碰撞speedX = -speedX;} else {// 垂直碰撞speedY = -speedY;}// 击中砖块,立即消除当前碰撞的砖块brick.hit();return true;}}}return false;}// 检查与挡板的碰撞function checkPaddleCollision() {if (y + height >= paddle.y && y <= paddle.y + paddle.height &&x + width >= paddle.x && x <= paddle.x + paddle.width) {// 根据击中挡板的位置调整反弹角度var paddleCenter = paddle.x + paddle.width / 2;var ballCenter = x + width / 2;var relativePosition = (ballCenter - paddleCenter) / (paddle.width / 2);// 计算新的速度向量var angle = relativePosition * (Math.PI / 3); // 最大±60度var speed = Math.sqrt(speedX * speedX + speedY * speedY);speedX = Math.sin(angle) * speed;speedY = -Math.abs(Math.cos(angle) * speed); // 确保向上反弹// 稍微增加速度speedX *= 1.05;speedY *= 1.05;return true;}return false;}// 更新球的位置Timer {interval: 16 // 约60fpsrunning: gameArea.gameRunningrepeat: trueonTriggered: {// 移动球x += speedX;y += speedY;// 检查墙壁碰撞if (x <= 0 || x + width >= gameArea.width) {speedX = -speedX;x = Math.max(0, Math.min(x, gameArea.width - width));}if (y <= 0) {speedY = -speedY;y = 0;}// 检查是否掉落if (y + height >= gameArea.height - 20 && !checkPaddleCollision()) {ballLost();return;}// 检查砖块碰撞checkBrickCollision();// 检查挡板碰撞checkPaddleCollision();}}
}

其次是砖块 Brick.qml

import QtQuick 2.12Rectangle {id: brickradius: 3// 砖块状态property bool destroyed: falseproperty int colorIndex: 0// 砖块颜色数组readonly property var colors: ["#FF5252", // 红色"#FFAB40", // 橙色"#FFEB3B", // 黄色"#66BB6A", // 绿色"#42A5F5"  // 蓝色]// 砖块被销毁的信号signal brickDestroyed()// 设置砖块颜色color: colors[colorIndex % colors.length]border.color: Qt.darker(color, 1.2)border.width: 1visible: !destroyed// 砖块被击中function hit() {if (!destroyed) {destroyed = true;visible = false;brickDestroyed();}}
}

砖块击中后要销毁。

接着是挡板 Paddle.qml, 挡板可以通过键盘左右键进行移动,也可以直接使用鼠标进行左右拖动,代码如下:

import QtQuick 2.12Rectangle {id: paddlewidth: 120height: 20radius: 10color: "#2196F3"border.color: "#1976D2"border.width: 1Component.onCompleted: {// 初始化时设置挡板居中x = (gameArea.width - width) / 2}// 引用游戏区域property var gameArea// 移动速度property int speed: 15property bool movingLeft: falseproperty bool movingRight: false// 处理键盘按下事件function handleKeyPress(key) {if (key === Qt.Key_Left) {movingLeft = true;} else if (key === Qt.Key_Right) {movingRight = true;}}// 处理键盘释放事件function handleKeyRelease(key) {if (key === Qt.Key_Left) {movingLeft = false;} else if (key === Qt.Key_Right) {movingRight = false;}}// 鼠标控制MouseArea {anchors.fill: parentdrag.target: parentdrag.axis: Drag.XAxisdrag.minimumX: 0drag.maximumX: gameArea.width - parent.width}// 定时器更新挡板位置Timer {interval: 16 // 约60fpsrunning: (movingLeft || movingRight) && gameArea.gameRunningrepeat: trueonTriggered: {if (movingLeft) {paddle.x = Math.max(0, paddle.x - speed);}if (movingRight) {paddle.x = Math.min(gameArea.width - paddle.width, paddle.x + speed);}}}
}

以上是核心控件的完整代码。


本文Demo下载


http://www.ppmy.cn/ops/166225.html

相关文章

现代密码学 | 具有数字签名功能的安全方案

1.案例背景 1.1冒用签名触发信任危机&#xff0c;360安全大脑率先截杀解除警报 2020年8月&#xff0c;360安全大脑独家发现冒用数字签名的网络攻击再度活跃&#xff0c;且继此前360安全大脑披露过的Go Daddy、Starfield Secure、赛门铁克、Verisign和DigiCert等国际知名CA证书…

C++初阶——类和对象(二)

C初阶——类和对象&#xff08;二&#xff09; 本期内容书接上回&#xff0c;继续讨论类和对象相关内容。类和对象属于C初阶部分&#xff0c;主要反映了面向对象编程的三大基本特点之一——封装&#xff0c;在C的学习中占有举足轻重的地位&#xff01; 一、类对象模型 1.如何…

SEO优先级矩阵:有限资源下的ROI最大化决策模型

SEO优先级矩阵&#xff1a;有限资源下的ROI最大化决策模型 引言 在数字营销领域&#xff0c;搜索引擎优化&#xff08;SEO&#xff09;是提升网站流量和转化率的关键策略之一。然而&#xff0c;SEO的实施往往需要投入大量的时间和资源&#xff0c;尤其是在资源有限的情况下&a…

【解决报错】:detected dubious ownership in repository at ‘D:/idea_code/xxx‘问题

解决报错&#xff1a;detected dubious ownership in repository at D:/idea_code/xxx‘问题 git config --global --add safe.directory *原因 这个错误提示表明 Git 检测到仓库的所有权存在问题&#xff0c;仓库的所有者与当前用户不匹配。Git 在 2.35.2 版本之后引入了一个…

.py与.pyw的区别。用pythonw执行pyside6程序有什么好处?

在 Windows 系统中&#xff0c;使用 .pyw 扩展名并通过 pythonw.exe 运行 Python 脚本的主要目的是隐藏控制台窗口&#xff0c;这对于图形界面&#xff08;GUI&#xff09;程序尤为重要。以下是详细解释&#xff1a; 1. .py vs .pyw 的核心区别 .py 文件&#xff1a;默认关联到…

Winfrom基础知识41-60

41. 如何实现自定义控件的复杂绘制&#xff1f; 答案&#xff1a; 继承 Control 类并重写 OnPaint 方法&#xff0c;使用 Graphics 对象进行复杂绘制。 示例&#xff1a; public class CustomGraph : Control {protected override void OnPaint(PaintEventArgs e){base.OnPa…

用Python打造AI玩家:挑战2048,谁与争锋

文章目录 一、创作背景 二、效果图 三、准备工作 1. 安装Chrome和Chrome Driver 2. 安装Python库 四、代码说明 ‌1. init_driver 函数‌ 2. play_2048 函数‌ 五、完整代码 六、改进版本 七、主要模块 八、核心算法分析 1. 棋盘状态获取 2. 位置权重系统 3. 连…

【Python办公】Excel通用匹配工具(双表互匹)

目录 专栏导读1、背景介绍2、库的安装3、核心代码4、完整代码总结专栏导读 🌸 欢迎来到Python办公自动化专栏—Python处理办公问题,解放您的双手 🏳️‍🌈 博客主页:请点击——> 一晌小贪欢的博客主页求关注 👍 该系列文章专栏:请点击——>Python办公自动化专…