写点什么

九宫格自由流转拼图游戏

作者:最新动态
  • 2025-08-15
    湖北
  • 本文字数:2087 字

    阅读完需:约 7 分钟

踏入鸿蒙世界的敲门砖,标志着您在技术征途上的全新起点,提升就业竞争力,获得行业认可,点亮职业成长先机,快人一步抢占未来应用开发赛道!https://developer.huawei.com/consumer/cn/training/dev-cert-detail/101666948302721398?ha_source=hmosclass-bokeyuan&ha_sourceId=89000444

知识点

1. 游戏介绍

2. 游戏规则

3. 跨设备文件访问

4. 分布式数据对象跨设备数据同步

效果图

视频请移步到 B 站观看:https://www.bilibili.com/video/BV1ZrvSeDE8Z/?spm_id_from=333.999.0.0



具体实现

此实例是基于上一篇 九宫格切图 实例开发,九宫格切图完成了从图库选择图片,点击按钮切割出九张图片,并保存在图库里,拼图游戏切图后,可以不用保存到图库里,这里改为保存到分布式目录下,实现跨设备文件访问。

游戏介绍

九宫格拼图游戏,作为一种经典的益智游戏,其游戏规则主要围绕在 3×3 的方格盘上,通过移动八块拼图(其中一个格子为空),最终将拼图全部归位至正确位置。以下是九宫格拼图游戏规则的详细解释:

游戏目标

· 将八块拼图在 3×3 的方格盘上正确排列,使得每行、每列都填满,且没有拼图重叠或遗漏。

游戏准备

· 准备一个 3×3 的方格盘,其中八个位置放置拼图,剩下一个位置留空作为移动空间。

游戏技巧

· 从外围开始:由于外围的拼图更容易移动和归位,因此玩家可以从外围的拼图开始入手,逐步向中心推进。

· 利用空格:空格是移动拼图的关键所在,玩家需要巧妙地利用空格来创造移动的机会和条件。

· 观察与预判:在移动拼图之前,玩家需要仔细观察整个方格盘的布局和拼图的位置关系,并预判移动后的结果和可能产生的影响。

游戏规则

1. 初始布局:游戏开始时,八块拼图在方格盘上随机分布,留有一个空格作为移动区域。

2. 移动规则:

· 玩家每次只能移动一个拼图,且只能将其移动到与其相邻的空格中(上下左右四个方向)。

· 拼图不能跳过其他拼图直接移动到更远的空格,也不能斜向移动。

3. 归位要求:

· 玩家需要通过一系列的移动,将八块拼图逐一归位到正确的位置上,使得整个方格盘呈现出一个完整的图案或数字序列(根据不同的游戏版本而定)。

· 在归位过程中,玩家需要不断观察并思考最佳的移动策略,以减少移动次数并避免陷入无法解开的局面。

游戏代码讲解

游戏代码逻辑参考官方案例 拼图 更详细内容请查看官方案例,这里通过基于拼图游戏,用上跨设备文件访问知识和分布式对象跨设备数据同步知识。

游戏初始化





查找空图片下标



更改图片



开始游戏



跨设备文件访问

分布式文件系统为应用提供了跨设备文件访问的能力,开发者在多个设备安装同一应用时,通过基础文件接口,可跨设备读写其他设备该应用分布式文件路径(/data/storage/el2/distributedfiles/)下的文件。例如:多设备数据流转的场景,设备组网互联之后,设备 A 上的应用可访问设备 B 同应用分布式路径下的文件,当期望应用文件被其他设备访问时,只需将文件移动到分布式文件路径即可。

权限添加

配置文件 module.json5 里添加读取图片及视频权限和修改图片或视频权限。



切割图片

这里切割图片时,和上一篇九宫格切图,有小小不同,就是切割到最后一张时,使用空白代替,方便拼图游戏时,做为移动位置。



图片存储到分布式目录




 分布式数据对象跨设备数据同步

分布式数据对象是一个 JS 对象型的封装。每一个分布式数据对象实例会创建一个内存数据库中的数据表,每个应用程序创建的内存数据库相互隔离,对分布式数据对象的“读取”或“赋值”会自动映射到对应数据库的 get/put 操作。

分布式数据对象的生命周期包括以下状态:

· 未初始化:未实例化,或已被销毁。

· 本地数据对象:已创建对应的数据表,但是还无法进行数据同步。

· 分布式数据对象:已创建对应的数据表,设备在线且组网内设置同样 sessionId 的对象数>=2,可以跨设备同步数据。若设备掉线或将 sessionId 置为空,分布式数据对象退化为本地数据对象。

页面使用 @StorageLink 存储拼图里图片数据

1. 页面部分变量声明



4. 页面拼图游戏关键代码



EntryAbility 关键代码

1. 相关权限检查



2. 自由流转前,数据存储



3. 自由流转后,数据恢复



4. 在 onCreate 生命周期时, 调用数据恢复



5. 在 onNewWant 生命周期时, 调用数据恢复



6. 在 onWindowStageCreate 生命周期,创建分布式对象



7. 在 onDestroy 生命周期,保存对象,保存对象数据成功后,应用退出时对象数据不会释放,应用退出后,在保存的设备上恢复数据。



总结

通过此案例,可以回顾 九宫格切图 案例,同时学习到跨设备文件访问知识点和分布式对象跨设备数据同步知识点,通过简单的案例,运用上各方面的知识点,为之后的大项目做好准备,大家动手起来吧!!!

相关权限

读取图片及视频权限:ohos.permission.READ_IMAGEVIDEO

修改图片或视频权限:ohos.permission.WRITE_IMAGEVIDEO

允许不同设备间的数据交换权限:ohos.permission.DISTRIBUTED_DATASYNC

约束与限制

1.本示例仅支持标准系统上运行,支持设备:华为手机。

2.HarmonyOS 系统:HarmonyOS NEXT Developer Beta1 及以上。

3.DevEco Studio 版本:DevEco Studio NEXT Developer Beta1 及以上。

4.HarmonyOS SDK 版本:HarmonyOS NEXT Developer Beta1 SDK 及以上。

(转载自 51CTO,作者:狼哥 Army)

用户头像

最新动态

关注

还未添加个人签名 2019-07-19 加入

还未添加个人简介

评论

发布
暂无评论
九宫格自由流转拼图游戏_最新动态_InfoQ写作社区