cocos creator 屏幕截图我用的是cocoscreator2.1.1版本

直接上代码

init() {let node = new cc.Node();node.parent = cc.director.getScene();let camera = this.camera// 设置你想要的截图内容的 cullingMask// camera.cullingMask = 0xffffffff;// 新建一个 RenderTexture，并且设置 camera 的 targetTexture 为新建的 RenderTexture，这样        camera 的内容将会渲染到新建的 RenderTexture 中。let texture = new cc.RenderTexture();this.texture = texture;let gl = cc.game._renderContext;// 如果截图内容中不包含 Mask 组件，可以不用传递第三个参数texture.initWithSize(550, 550, gl.STENCIL_INDEX8);camera.targetTexture = texture;// 渲染一次摄像机，即更新一次内容到 RenderTexture 中camera.render();// 这样我们就能从 RenderTexture 中获取到数据了let data = texture.readPixels();},createSprite() {let width = this.texture.width;let height = this.texture.height;if (!this._canvas) {this._canvas = document.createElement('canvas');this._canvas.width = width;this._canvas.height = height;}let ctx = this._canvas.getContext('2d');this.camera.render();let data = this.texture.readPixels();// write the render datalet rowBytes = width * 4;for (let row = 0; row < height; row++) {let srow = height - 1 - row;let imageData = ctx.createImageData(width, 1);let start = srow * width * 4;for (let i = 0; i < rowBytes; i++) {imageData.data[i] = data[start + i];}ctx.putImageData(imageData, 0, row);}return this._canvas;
},showFile(fileName) {//保存的方法前端有很多,这里暂时用这个let dataUrl = this._canvas.toDataURL("image/png");var img = new Image();img.src = dataUrl;let self = this;img.onload = function () {var texture = new cc.Texture2D();texture.initWithElement(img);texture.handleLoadedTexture();var newframe = new cc.SpriteFrame(texture);self.showL.spriteFrame = newframe;}
},saveFile() {this._canvas.toTempFilePath({success: (res) => {wx.saveImageToPhotosAlbum({filePath: res.tempFilePath,success(res) {cc.log('保存成功')},fail(res) {cc.log('保存失败')}})}})
},
shareFunc() {let self = this;let dataUrl = this._canvas.toDataURL("image/png");try {this._canvas.toTempFilePath({x: 0,y: 55,width: 550,height: 440,success: (res) => {wx.shareAppMessage({title: "****************",imageUrl: res.tempFilePath,})}})} catch (error) {cc.log('不在微信平台');}},

分享部分是直接把截图分享到微信小游戏的链接中

Cocos Creator（2.x版本）屏幕截图保存分享)相关推荐

android cocos 截屏,Cocos Creator（2.x版本）屏幕截图保存分享)
cocos creator (2.x版本)屏幕截图保存分享 cocos creator 屏幕截图我用的是cocoscreator2.1.1版本 cocos creator 屏幕截图我用的是coco ...
Cocos Creator 3D 蚂蚁庄园系列技术分享
编者按 "游戏开发小赤佬,也玩 python 和 shell" 白玉无冰是"Cocos 荣耀讲师"征稿活动第1期的获奖作者之一,除了征稿作品<用摄像机实现 ...
cocos creator 发布IOS版本（六）内购
cocos creator 版本3.3 参考文档: iOS 内购(In-App Purchase)总结 | 笑忘书店 iOS的应用内支付In-app purchase的开发 - 胡东东博客 App内购 ...
cocos creator 发布IOS版本（五）基础通用功能
1.iOS 设置APP的名称多语言化(安装不同语言手机上显示不同游戏名) 参考链接: iOS 设置APP的名称(浅述APP版本国际化与本地化) - 简书 iOS支持多语言 - 简书第一步,在Xcod ...
cocos creator如何实现微信好友自定义转发分享功能
摘要 cocos creator如何实现微信好友转发分享功能.用户在使用小游戏过程中,可转发消息给其他用户或群聊. 环境 cocos Creator 引擎2.4.3 编辑工具HBuild X 转发菜单 ...
Cocos Creator 粒子效果插件
[插件]Cocos Creator 粒子效果版本2.3.4 参考: 粒子特效制作工具:Cocos2d Paticle Builder 粒子特效制作工具:Particle Designer 粒子特效制 ...
Cocos Creator | 飞刀大乱斗开发教程系列（二）！
点击上方蓝字关注我预览效果具体内容 ■ 这一期,主要讲解主页中间人物效果的实现.也就是,在下方列表选择不同人物,上方显示不同的人物,播放不同的效果,即下图的效果实现,此部分也是采用预制 Prefa ...
【更新至 11P】Cocos Creator 3D 官方中文视频教程
为了帮助各位开发者更快上手 Cocos Creator 3D 的使用,开发出好玩优质的 3D 游戏作品, Cocos Creator 3D 引擎开发工程师放空结合 3D 休闲小游戏案例<快上车 ...
Cocos Creator 3D使用腾讯云游戏联机对战引擎（MGOBE）
腾讯云在2019年2月上线新品--游戏联机对战引擎MGOBE,为游戏提供房间管理.在线匹配.网络通信.云开发等服务,帮助开发者快速搭建多人交互游戏. 在2021年2月,实现兼容 Cocos 引擎 v3 ...

Cocos Creator（2.x版本）屏幕截图保存分享)

cocos creator （2.x版本）屏幕截图保存分享

cocos creator 屏幕截图我用的是cocoscreator2.1.1版本

Cocos Creator（2.x版本）屏幕截图保存分享)相关推荐

最新文章

热门文章

Cocos Creator（2.x版本）屏幕截图保存分享)

cocos creator （2.x版本）屏幕截图保存分享

cocos creator 屏幕截图 我用的是cocoscreator2.1.1版本

Cocos Creator（2.x版本）屏幕截图保存分享)相关推荐

最新文章

热门文章

cocos creator 屏幕截图我用的是cocoscreator2.1.1版本