UniApp - 推箱子游戏

2024年夏季《移动软件开发》实验报告

本实验属于哪门课程？	中国海洋大学24夏《移动软件开发》
实验名称？	实验6：推箱子游戏

• Github仓库地址
  • lab6_game/boxGame_JeecgUniapp · KAIZHI/24移动软件开发 - 码云 - 开源中国 (gitee.com)

一、实验目标

• 综合应用所学知识，创建一个完整的推箱子游戏。

• 熟练掌握微信小程序中 <canvas> 组件和绘图 API 的使用。

二、实验步骤

准备：

• 下载并导入推箱子游戏所需的图片素材。

设计游戏界面：

• 使用 <canvas>组件作为游戏的主要画布。
• 在画布上绘制游戏背景、墙壁、箱子和目标点。
• 设计基本的游戏操作按钮（如上下左右移动按钮、重置关卡按钮）。

实现游戏逻辑：

• 使用二维数组定义地图布局，表示墙壁、地面、目标点、箱子和玩家的位置。
• 实现玩家通过上下左右按钮移动，并推动箱子的功能。
• 添加关卡成功判定逻辑，当所有箱子移动到目标点时，判定游戏成功。

优化用户体验：

• 添加撤销一步、提示、计时、音乐开关、通关后的跳转提示等功能。
• 对游戏界面进行美化，调整按钮样式和布局，使界面更加美观和易用。
• 使用本地音乐文件，实现背景音乐的播放与控制。

三、程序运行结果

1. 选关界面：

   美化选关界面，选关时的缩放效果，增加用户体验

2. 推箱子界面

美化优秀界面，实现撤销，加载进度条

实现重置关卡、 记录步数、 计时、 通关提示与跳转、背景音乐

四、问题总结与体会

通过本次实验，我综合运用了微信小程序中的 <canvas>组件和绘图 API，进一步掌握了如何在微信小程序中实现复杂的界面绘制和交互。同时，通过对游戏逻辑的编写和优化，我们也提高了对算法和数据结构的理解。整个实验过程充满挑战，但也极大地提升了我们的编程能力和问题解决能力。