Cocos开发微信小游戏!实现截图、预览和保存功能,开发教程~

新闻资讯 网络整理

微信小游戏的开发过程中,其中涉及到的截图、预览和保存更是一个非常重要的功能。

让用户能够在游戏的精彩瞬间,点击截图按钮,将那些令人难忘的画面定格。捕捉到这一刻的精彩,让珍贵瞬间,不再转瞬即逝。

我们先看一下最终制作的效果:

微信开发游戏小程序_微信游戏开发教程_微信游戏后台开发

让我们开始吧!先准备一张游戏背景图,如下所示:

微信游戏后台开发_微信开发游戏小程序_微信游戏开发教程

然后再准备一张负责页面截图的点击按钮:

微信开发游戏小程序_微信游戏开发教程_微信游戏后台开发

在开始编写截图脚本之前,我们需要做一个前期的准备。

打开我们的微信小游戏的MP后台,找到服务内容声明,如下图所示:

微信游戏开发教程_微信游戏后台开发_微信开发游戏小程序

点击用户隐私保护指引的去完善:

微信开发游戏小程序_微信游戏开发教程_微信游戏后台开发

进入下一个页面,确认以上内容:

微信游戏开发教程_微信游戏后台开发_微信开发游戏小程序

然后,我们点击增加信息类型:

微信开发游戏小程序_微信游戏开发教程_微信游戏后台开发

勾选上相册的权限,然后点击确认:

微信游戏开发教程_微信开发游戏小程序_微信游戏后台开发

到这里,我们就可以编写截图的脚本了。

首先,我们就要在权限中注明,需要获取相册的权限:

微信游戏后台开发_微信游戏开发教程_微信开发游戏小程序

然后再预览,是不是我们所要的图片:

微信游戏开发教程_微信开发游戏小程序_微信游戏后台开发

微信游戏后台开发_微信开发游戏小程序_微信游戏开发教程

紧接着,我们将图片保存到相册当中。

调用wx.saveImageToPhotosAlbum这个API就可以实现相册保存功能。不过在调用这个API之前,我们必须确保已经获得了相册写入的权限。

微信开发游戏小程序_微信游戏开发教程_微信游戏后台开发

到这里,我们开始构建我们的项目:

微信开发游戏小程序_微信游戏开发教程_微信游戏后台开发

接着,我们使用我们的微信开发者工具打开我们的小游戏:

微信游戏后台开发_微信开发游戏小程序_微信游戏开发教程

点击截图按钮,出现用户隐私保护提示:

微信游戏后台开发_微信开发游戏小程序_微信游戏开发教程

我们点击同意就会出现保存图片或者视频到你的相册,如下图所示:

微信游戏开发教程_微信开发游戏小程序_微信游戏后台开发

到这一步,咱们的截图保存方法就完成了。

我们点击允许,就会出现如下的效果:

微信开发游戏小程序_微信游戏开发教程_微信游戏后台开发

然后还会弹出你的保存地址:

微信游戏开发教程_微信游戏后台开发_微信开发游戏小程序

我们点击保存,就可以将我们的截图保存到我们的文件夹中了:

微信游戏后台开发_微信游戏开发教程_微信开发游戏小程序

我们打开我们截图保存的图片:

微信游戏后台开发_微信游戏开发教程_微信开发游戏小程序

到这里,今天的这篇文章,就结束分享了。如果大家感兴趣,可以试一试,有什么不清楚的,可以在下方留言!!!

如果我写的文章稍微有点帮助,可以关注一下我,后续还会出更多有意思的文章。

在结尾的最后,我也推荐一个稍微有点意思的小游戏:小绳守护者

微信开发游戏小程序_微信游戏后台开发_微信游戏开发教程