全球观热点:截图!长按保存分享!Cocos Creator
背景一种3D截图方案
参考 TRUE SPACE with Cocos 技术分享[1]中的动态生成海报的介绍,以及作者的支持。实现一个长按保存分享截图的方案。
效果在微信浏览器中预览效果如下
【资料图】
环境Cocos Creator 3.7.1Web 浏览器原理原作者讲的非常清楚,只需要按照以下步骤实现即可。
3D相机生成一个RT 赋予给2D精灵摆上一些二维码等UIUI相机再生成一张RT读取RT中的数据,传给 canvascanvas 生成图片数据传给 Image适配Image对象大小位置视频录了一段操作视频[2]供大家参考。
代码这段代码的截图功能是按照高度适配的方式写的,如有其他需求,可自行修改相关逻辑。仅供大家参考学习。
import{_decorator,Component,Node,Camera,RenderTexture,view,UITransform,log,game,screen,NodeEventType}from"cc";const{ccclass,property}=_decorator;@ccclass("CaptureImage")exportclassCaptureImageextendsComponent{@property(Camera)copyCamera:Camera=null!;@property(Node)targetNode:Node=null!;@property(Node)captureBtn:Node=null!;@property(Node)closeBtn:Node=null!;rt:RenderTextureprivate_image:HTMLImageElement_canvas:HTMLCanvasElement=null!;_buffer:ArrayBufferView=null!;start(){log("欢迎关注微信公众号【白玉无冰】https://mp.weixin.qq.com/s/4WwCjWBtZNnONh8hZ7JVDA")this.rt=newRenderTexture();this.rt.reset({width:view.getVisibleSize().width,height:view.getVisibleSize().height,})this.copyCamera.targetTexture=this.rt;this.captureBtn.active=true;this.closeBtn.active=false;this.captureBtn.on(NodeEventType.TOUCH_END,this.copyRenderTex,this)this.closeBtn.on(NodeEventType.TOUCH_END,this.clearCapture,this)}privatecopyRenderTex(){constwidth=this.targetNode.getComponent(UITransform).width;constheight=this.targetNode.getComponent(UITransform).height;constanchorPoint=this.targetNode.getComponent(UITransform).anchorPoint;constworldPos=this.targetNode.getWorldPosition();this._buffer=this.rt.readPixels(Math.round(worldPos.x-width*anchorPoint.x),Math.round(worldPos.y-height*anchorPoint.y),width,height);if(!this._canvas){this._canvas=document.createElement("canvas");this._canvas.width=width;this._canvas.height=height;}else{letctx=this._canvas.getContext("2d");ctx.clearRect(0,0,this._canvas.width,this._canvas.height);}letctx=this._canvas.getContext("2d")!;letrowBytes=width*4;for(letrow=0;row其他 最近写文偏笔记的形式,主要是记录一下代码,下次要用的时候再翻出来。希望对大家有所帮助。
参考资料[1]
TRUE SPACE with Cocos 技术分享:https://forum.cocos.org/t/topic/146459
[2]视频:https://www.bilibili.com/video/BV1w84y1N7XQ
往期精彩:
3DUI Cocos Creator
三渲二 Cocos Creator
零代码实现面片效果(UV滚动,帧动画) Cocos Creator
游戏开发资料合集,2022年版
点击“阅读原文”查看精选导航
“点赞“ ”在看”鼓励一下▼
标签:
-
2022-02-07 14:57:45
奇迹!绝杀!女足亚洲杯逆转夺冠!<
刚刚,中国女足上演逆转绝杀奇迹!她们在亚洲杯决赛中3:2力克韩国队,时隔16年再夺亚洲杯冠军!
-
2022-02-07 14:57:45
中国政府与阿根廷共和国政府签署共建“一带一路”谅解备忘录<
新华社北京2月6日电(记者安蓓)国家发展改革委6日称,国家发展改革委主任何立峰与阿根廷外交、国际贸易和宗教事
-
2022-02-07 14:57:43
中华人民共和国和阿根廷共和国关于深化中阿全面战略伙伴关系的联合声明(全文)<
新华社北京2月6日电中华人民共和国和阿根廷共和国关于深化中阿全面战略伙伴关系的联合声明一、应中方邀请,阿根廷
-
2022-02-07 14:57:40
春节假期国内旅游出游2.51亿人次<
春节遇冬奥,旅游年味浓。根据文化和旅游部数据中心测算,2022年春节假期7天,全国国内旅游出游2 51亿人次,同比
-
2022-02-07 14:57:40
中吉签署关于经典著作互译出版的备忘录 开启两国人文交流互鉴新阶段<
新华社北京2月6日电(记者史竞男)国家主席习近平6日会见来华出席北京2022年冬奥会开幕式的吉尔吉斯斯坦总统扎帕
-
2023-04-21 07:40:07
全球观热点:截图!长按保存分享!Cocos Creator
一种3D截图方案背景参考TRUESPACEwithCocos技术分享[1]中的动态生成海报的介绍,以及作者的支持。实现一个长按保存分享截图的方案。效果
-
2023-04-21 06:55:21
【新视野】《小康》•中国小康网独家专稿:杨一波:唯有平衡,才是长久之道
读好书,犹如照镜子,不止医愚明理,更能鉴己警醒。近来,闲时重读《道德经》,感悟良多。老子在《道德经·第四十二章》中说:“道生一,一...
-
2023-04-21 06:27:24
视焦点讯!宋文治艺术馆
1、宋文治艺术馆位于江苏省苏州市太仓市县府东街12号,宋文治艺术馆占地1428平方米,总建筑面积536平方米,为全民
-
2023-04-21 06:02:09
讯息:跨国公司高管近期密集访华 做了哪些事?
00:50近一段时间,外企高管集中来华走市场、谈合作、签大单,看好中国,不断加码投资中国。对此,商务部新闻发言人束珏婷在
-
2023-04-21 06:12:30
环球头条:《流光引》宣传视频翻车,张翰依然油腻不减,祝绪丹缺少男主运
近日,由张翰、祝绪丹主演的电视剧《流光引》发布了一则宣传视频,为即将开播提前造势,但是没有想到,却因为视频太过油腻翻了车。视频中,祝
-
2023-04-21 05:31:52
全球滚动:全国已春播粮食面积超1.6亿亩 进度近两成
央视新闻客户端讯谷雨至,农耕忙。至此,我国大部分地区已进入春播春管关键时期。由于我国幅员辽阔,南北方气候差异大,各地春季农业生产的时
-
2023-04-21 05:15:53
天天快报!上海永瑞合私募基金管理有限公司成立 来伊份持股99%
天眼查App显示,近日,上海永瑞合私募基金管理有限公司成立,注册资本1000万人民币,法定代表人为支瑞琪,经营范围包括私募股权投资基金管理、
-
2023-04-21 04:56:42
天天短讯!有大神预测:我国可能会出现6种坏情况,专家提醒:提前做准备!
在不少人的眼中新冠病毒都已经离我们远去,对于现在的我们来说,已经不需要做太多的工作了,只要过好现在的生活就可以了。但事实上,新冠病毒
-
2023-04-21 04:27:02
全球观察:春秋航空TOBT录入进入自动化时代 为旅客高效出行提速
近日,春秋航空运行指挥部根据相应的运行机制并遵循中国民航流量管理系统统一数据交换、统一平台运行、统一工作流程,与IT部共同开发了TOBT自
-
2023-04-21 03:46:33
最新快讯!浙江省温州市市场监管局抽检食品427批次 7批次不合格
中国质量新闻网讯近日,浙江省温州市市场监督管理局发布2023年第五期食品监督抽检情况的通告。本次抽检的食品包括粮食加工
-
2023-04-21 03:51:43
全球最资讯丨挪威天然气公司:将计划中断从-24.9百万立方米/天调整为-23.6百万立方米/天;日期从6月14日至7月1日至6月14日至28日
挪威天然气公司:将计划中断从-24 9百万立方米 天调整为-23 6百万立方米 天;日期从6月14日至7月1日至6月14日至28日
-
2023-04-21 03:39:02
全球关注:花生出口国爆发冲突 库存偏低 行业供需或再度紧张 花生行业市场深度分析及发展规划咨询研究报告
据央视新闻报道,近期苏丹爆发武装冲突,已造成千余人伤亡。资料显示,苏丹是非洲农业大国,是全球重要的花生生产国和第三大花生出口国。资料
-
2023-04-21 02:43:53
前沿资讯!模仿曼联 纽卡斯尔联有意给青年队配置超龄球员教练
根据主教练本-道森的说法,纽卡斯尔联队正在考虑为21岁以下的球队签署一名超龄球员教练。纽卡斯尔联有意给青年队配置超龄球员教练目前几支顶级
-
2023-04-21 02:12:06
焦点速递!市场监管总局公布2023 “铁拳”行动第一批典型案例
市场监管总局今天(4月20日)公布2023民生领域案件查办“铁拳”行动(第一批)典型案例。一、四川省巴中市恩阳区市场监管
-
2023-04-21 02:09:16
【全球速看料】在奔跑中感受“盐城魅力”
上周末,2023悦达起亚 SK新能源盐城马拉松暨大运河马拉松系列赛(盐城站)圆满落幕,大家共同见证了今年的第一股奔跑热潮,此次大赛也受到了众
-
2023-04-21 02:10:09
环球精选!事业单位行政职业能力测验答题技巧:那些年我们遇到的“另有他因”
行测可能性推理的题型一直都是需要我们努力去攻克的难题,尤其是涉及力度比较的时候,很多同学总是会纠结哪种削弱方式的力度会更强。其中另有
-
2023-04-21 01:02:48
焦点观察:台湾人怎么买成都大熊猫基地门票?
第一步:进入官方售票平台(一定要是成都大熊猫繁育研究基地官方售票平台哦)第二步:点击购买全价票第三步:点击购买之后,选择新增游客第四步
-
2023-04-21 00:38:07
世界热点!外媒:联合国预估印度人口将于今年年中前超过中国人口
外媒:联合国预估印度人口将于今年年中前超过中国人口
-
2023-04-21 00:33:42
当前观点:中科曙光涨停 三个交易日机构净卖出3.83亿元
中国经济网北京4月20日讯中科曙光(603019 SH)股价今日涨停,截至收盘报54 71元,涨幅9 99%。 龙虎榜数据显示,作为非ST、*ST和S证券连续三
-
2023-04-21 00:21:44
【世界热闻】2023年广州白云区幼儿园报名流程
4月18日召开教育部门办公办园招生工作会议4月20日前在广州市白云区幼儿园招生服务平台(网址:https: yeyzs baiyun edu cn)对外公布招
-
2023-04-20 23:51:11
全球最新:发改委:加快推进充电桩和城市停车设施建设 大力推动新能源汽车下乡
发改委:加快推进充电桩和城市停车设施建设大力推动新能源汽车下乡北极星储能网获悉,4月19日,国家发展改革委召开4月新闻发布会,国家发改委
-
2023-04-20 23:49:24
天天快播:大学足球课:足球绕桩技巧,·绕桩带球
1、整个时间就是从踢球到进门。2、男生12秒合格,女生20秒合格。男生7岁以内优秀,女生不知道。3、7堆,6个缺口,3左3右。下面最后一个镜头是
-
2023-04-20 23:02:39
焦点速讯:普华永道胡亮:城农商行逾期率与不良率之间的差距进一步扩大,信贷资产质量仍存在较大压力
北京商报讯(记者李海颜)4月20日,普华永道召开2022年中国银行业回顾与展望发布会,普华永道中国内地金融业合伙人胡亮介绍,截至2022年末,40
-
2023-04-20 23:08:05
快看点丨网宿科技2022年报:营收、净利润双增长,业绩拐点可期
报告期内,依托网宿边缘计算平台ECP和边缘计算相关产品,网宿科技将算力与人工智能深度融合,持续为教育、视频、游戏、车联网、智慧养殖、工业
-
2023-04-20 22:08:45
环球短讯!海南:力争第七航权政策尽早落地
【海南:力争第七航权政策尽早落地】海南省交通运输厅相关负责人表示,下一步将与民航主管部门保持密切沟通,压实各单位责任,有序开通、恢复
-
2023-04-20 21:59:28
世界快看点丨传3B家居(BBBY.US)本周末申请破产 盘后暴跌近23%
3B家居正准备最早于本周末申请破产。
-
2023-04-20 20:59:04
世界最资讯丨一季度我国新增医美相关企业9103家 同比增长33.53%
数据显示,我国现存医美相关企业9 78万家。近10年来,医美相关企业新注册量不断增加。2021年新增2 85万家,同比增长225 72%。2022年新增3 34
-
2023-04-20 21:15:26
每日速讯:推动经济运行持续整体好转
推动经济运行持续整体好转(主题)日前,国家统计局发布的经济运行数据显示:一季度国内生产总值同比增长4 5%,国民经济实现了良好开局。“我
-
2023-04-20 21:02:09
全球快讯:冒险岛恶魔复仇者核心技能 冒险岛恶魔复仇者加点
今天来聊聊关于冒险岛恶魔复仇者核心技能,冒险岛恶魔复仇者加点的文章,现在就为大家来简单介绍下冒险岛恶魔复仇者核心技能,冒险岛恶魔复
-
2023-04-20 20:36:24
【环球报资讯】天山股份(000877.SZ):发行可转债申请获深交所受理
格隆汇4月19日丨天山股份公布,公司于近日收到深圳证券交易所(“深交所”)出具的《关于受理新疆天山水泥股份有限公司向不特定对象发行可转...