一种基于学科游戏的多平台截图分享方法及电子设备技术

技术编号:20025896 阅读:26 留言:0更新日期:2019-01-06 04:44
本发明专利技术公开一种基于学科游戏的多平台截图分享方法及电子设备,方法包括步骤:A、客户端接收到截图分享指令时,对当前界面进行截图,将截图的纹理绘制到画布中,通过所述画布获取截图的base64编码;B、客户端根据所述base64编码将截图分享至其他终端。本发明专利技术在进行H5游戏的截图时,将截图的纹理绘制到画布中,并通过画布获取截图的base64编码,从而根据所述base64编码进行截图的分享,本发明专利技术的分享方法简单方便,并且可在多个平台上实现分享。

【技术实现步骤摘要】
一种基于学科游戏的多平台截图分享方法及电子设备
本专利技术涉及计算机
,尤其涉及一种基于学科游戏的多平台截图分享方法及电子设备。
技术介绍
H5是一系列制作网页互动效果的技术集合,即H5就是移动端的web页面。而H5游戏,可以看作是移动端的web游戏,无需下载软件即可体验,这就是H5在传播上的优势。对于许多手游玩家来说,H5可能是个十分陌生的名词,其实H5就是HTML的高级版本,目前H5技术正在不断完善。当H5游戏在国内还处于萌芽状态时,专注移动游戏平台领域的公司就已经开始准备全面转型。H5游戏平台正以跨平台运营模式作为未来前进方向,将各个平台端游戏汇总整合集中,为玩家提供便捷的游戏通道,开创游戏平台运营新纪元,并努力成为综合游戏平台领跑者。在使用H5游戏过程中,经常需要对当前的屏幕进行截图,并且分享到qq好友、qq空间、微信好友或者微信朋友圈。由于移动平台采用的是webview(展示web页面的控件)+canvas(画布)的方式,如果启用了硬件加速后无法使用android和ios的api对canvas进行截图,造成无法正常分享,或者分享步骤繁琐。因此,现有技术还有待于改进和发展。
技术实现思路
鉴于上述现有技术的不足,本专利技术的目的在于提供一种基于学科游戏的多平台截图分享方法及电子设备,旨在解决现有H5游戏截图分享不便的问题。本专利技术的技术方案如下:一种基于学科游戏的多平台截图分享方法,其中,包括步骤:A、客户端接收到截图分享指令时,对当前界面进行截图,将截图的纹理绘制到画布中,通过所述画布获取截图的base64编码;B、客户端根据所述base64编码将截图分享至其他终端。所述的基于学科游戏的多平台截图分享方法,其中,所述步骤A具体包括:A1、客户端接收到截图分享指令时,对当前界面进行截图;A2、将截图的节点渲染到纹理中,获取所述纹理的像素,并转化为ImagData;A3、将所述ImagData渲染到画布中,通过所述画布获取截图的base64编码。所述的基于学科游戏的多平台截图分享方法,其中,若客户端所属平台为web平台,则所述步骤B具体包括:B1、客户端将base64编码上传给服务器,并接收服务器返回的图片链接;B2、客户端将图片链接和相应的文本描述分享给其他终端。所述的基于学科游戏的多平台截图分享方法,其中,若客户端所属平台为android平台,则所述步骤B具体包括:B1’、将base64编码传递给原生层,然后在原生层将base64编码转化为位图文件;B2’、调用SDK将位图文件分享至其他终端。所述的基于学科游戏的多平台截图分享方法,其中,所述步骤B2’中,若通过qq好友或qq空间进行分享,则将位图文件保存到本地后,获得本地的图片路径,调用SDK分享所述图片路径;若通过微信进行分享,则直接调用SDK分享位图文件。所述的基于学科游戏的多平台截图分享方法,其中,若客户端所属平台为ios平台,则所述步骤B具体包括:B1”、将所述base64编码传递给原生层,然后将base64编码转化为image对象;B2”、客户端将image对象分享给其他终端。一种电子设备,其中,包括存储器和处理器,所述存储器上存储有可在所述处理器上运行的多平台截图分享程序,所述多平台截图分享程序被所述处理器执行时实现如下步骤:客户端接收到截图分享指令时,对当前界面进行截图,将截图的纹理绘制到画布中,通过所述画布获取截图的base64编码;客户端根据所述base64编码将截图分享至其他终端。所述的电子设备,其中,所述客户端接收到截图分享指令时,对当前界面进行截图,将截图的纹理绘制到画布中,通过所述画布获取截图的base64编码的步骤具体包括:客户端接收到截图分享指令时,对当前界面进行截图;将截图的节点渲染到纹理中,获取所述纹理的像素,并转化为ImagData;将所述ImagData渲染到画布中,通过所述画布获取截图的base64编码。所述的电子设备,其中,若客户端所属平台为web平台,则所述客户端根据所述base64编码将截图分享至其他终端的步骤具体包括:客户端将base64编码上传给服务器,并接收服务器返回的图片链接;客户端将图片链接和相应的文本描述分享给其他终端。所述的电子设备,其中,若客户端所属平台为android平台,则所述客户端根据所述base64编码将截图分享至其他终端的步骤具体包括:将base64编码传递给原生层,然后在原生层将base64编码转化为位图文件;调用SDK将位图文件分享至其他终端。有益效果:本专利技术在进行H5游戏的截图时,将截图的纹理绘制到画布中,并通过画布获取截图的base64编码,从而根据所述base64编码进行截图的分享,本专利技术的分享方法简单方便,并且可在多个平台上实现分享。附图说明图1为本专利技术一种基于学科游戏的多平台截图分享方法较佳实施例的流程图。图2为本专利技术一种电子设备较佳实施例的结构框图。具体实施方式本专利技术提供一种基于学科游戏的多平台截图分享方法及电子设备,为使本专利技术的目的、技术方案及效果更加清楚、明确,以下对本专利技术进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本专利技术,并不用于限定本专利技术。请参阅图1,图1为本专利技术一种基于学科游戏的多平台截图分享方法较佳实施例的流程图,如图所示,其包括步骤:S1、客户端接收到截图分享指令时,对当前界面进行截图,将截图的纹理绘制到画布中,通过所述画布获取截图的base64编码;S2、客户端根据所述base64编码将截图分享至其他终端。本专利技术在进行H5游戏的截图时,将截图的纹理绘制到画布中,并通过画布获取截图的base64编码,从而根据所述base64编码进行截图的分享,本专利技术的分享方法简单方便,并且可在多个平台上实现分享。具体地,在所述步骤S1中,先通过画布的方式来获取截图的base64编码。进一步,所述步骤S1具体包括:S11、客户端接收到截图分享指令时,对当前界面进行截图;S12、将截图的节点渲染到纹理中,获取所述纹理的像素,并转化为ImagData;S13、将所述ImagData渲染到画布中,通过所述画布获取截图的base64编码。在所述步骤S11中,客户端接收到截图分享指令时,对当前界面进行截图。具体是在游戏界面中,当用户点击游戏界面中的分享按钮,这样客户端便接收到了截图分享指令,此时对当前界面进行截图。在所述步骤S12中,将截图的节点渲染到一张纹理当中,然后获得这张纹理的像素。再将得到的像素转化为ImagData(即ImageData)。其中,ImagData属性返回一个对象,该对象包含指定的ImageData对象的图像数据。对于ImageData对象中的每个像素,都存在着四方面的信息,即RGBA值:R-红色(0-255)G-绿色(0-255)B-蓝色(0-255)A-alpha通道(0-255;0是透明的,255是完全可见的)color/alpha信息以数组形式存在,并存储于ImageData对象的data属性中。在所述步骤S13中,将所述ImagData渲染到画布中,通过所述画布获取截图的base64编码。HTML5的canvas(画布)元素使用JavaScript在网页上绘制图像。画布是一个矩形区域,可以控制其每一像素。创建ca本文档来自技高网...

【技术保护点】
1.一种基于学科游戏的多平台截图分享方法,其特征在于,包括步骤:A、客户端接收到截图分享指令时,对当前界面进行截图,将截图的纹理绘制到画布中,通过所述画布获取截图的base64编码;B、客户端根据所述base64编码将截图分享至其他终端。

【技术特征摘要】
1.一种基于学科游戏的多平台截图分享方法,其特征在于,包括步骤:A、客户端接收到截图分享指令时,对当前界面进行截图,将截图的纹理绘制到画布中,通过所述画布获取截图的base64编码;B、客户端根据所述base64编码将截图分享至其他终端。2.根据权利要求1所述的基于学科游戏的多平台截图分享方法,其特征在于,所述步骤A具体包括:A1、客户端接收到截图分享指令时,对当前界面进行截图;A2、将截图的节点渲染到纹理中,获取所述纹理的像素,并转化为ImagData;A3、将所述ImagData渲染到画布中,通过所述画布获取截图的base64编码。3.根据权利要求1所述的基于学科游戏的多平台截图分享方法,其特征在于,若客户端所属平台为web平台,则所述步骤B具体包括:B1、客户端将base64编码上传给服务器,并接收服务器返回的图片链接;B2、客户端将图片链接和相应的文本描述分享给其他终端。4.根据权利要求1所述的基于学科游戏的多平台截图分享方法,其特征在于,若客户端所属平台为android平台,则所述步骤B具体包括:B1’、将base64编码传递给原生层,然后在原生层将base64编码转化为位图文件;B2’、调用SDK将位图文件分享至其他终端。5.根据权利要求4所述的基于学科游戏的多平台截图分享方法,其特征在于,所述步骤B2’中,若通过qq好友或qq空间进行分享,则将位图文件保存到本地后,获得本地的图片路径,调用SDK分享所述图片路径;若通过微信进行分享,则直接调用SDK分享位图文件。6.根据权利要求1所述的基于学科游戏的多平台截图分享方法,其特征在于,若客户端所属平台为ios平台...

【专利技术属性】
技术研发人员:孙悦李天驰吴志鹏
申请(专利权)人:深圳点猫科技有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1