截图

最新推荐文章于 2024-07-31 15:55:54 发布

jiuwanli666

最新推荐文章于 2024-07-31 15:55:54 发布

阅读量324

点赞数

分类专栏： Cocos Creator 文章标签： cocos截图截图

本文链接：https://blog.csdn.net/jiuwanli666/article/details/80889378

版权

Cocos Creator 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

分享功能在游戏中是很常见的一种功能模块，分享进行时添加游戏图片会更加形象，增加游戏的吸引力。那么，今天我们就来聊聊cocos的截图功能。

思路：

创建一个虚假截图对象；
创建一个新的精灵图节点，用来接收截到的图像资源；
反转图像（截到的图片时倒转的）；
保存精灵图片到本地。（上传或者传递到android端）

代码

// 1、
    //1.1、虚假截图对象的大小
    var renderTexture = cc.RenderTexture.create(1280,720);
    //1.2、开始截屏
    renderTexture.begin();
    //1.3、如果要截整个屏幕，可以把获得到Canvas节点
    var canvas = cc.find('Canvas').getComponent(cc.Canvas);
    //1.4、绘画该节点下的子节点
        canvas.node._sgNode.visit();
    //1.5、结束截屏
    renderTexture.end();
// 2、截图给精灵
    var nowFrame = renderTexture.getSprite().getSpriteFrame();
    this.show.spriteFrame = nowFrame;
// 3、反转得到的纹理
    var action = cc.flipY(true);
    this.show.node.runAction(action);
// 4、   
    /*
    将保存的二进制内容组成流到文件。
    saveTOFile('存放的照片名',存储的照片格式,是否将其子元素导入纹理,回掉函数);
    本地的默认地址是在cocos安装目录下的：resources/cocos2d-x/simulator/win32
    */                 
    renderTexture.saveToFile('demo.png',cc.ImageFormat.PNG,true,callBack());
    function callBack () {  
        let windowSize = cc.view.getVisibleSize();// 返回可视区域大小
        cc.log('getWritablePath',jsb.fileUtils.getWritablePath());// 本地默认存放地址
    }