截图!长按保存分享!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年版
点击“阅读原文”查看精选导航
“点赞“ ”在看”鼓励一下▼
标签:
截图!长按保存分享!Cocos Creator_每日简讯
2023-04-12
媒体:马克龙访华让人想起戴高乐 具体是什么情况? 环球聚看点
2023-04-12
张家界慈利税务:三队同行吹响税惠春风“集结号” 重点聚焦
2023-04-12
当前滚动:鼎泰高科:4月11日融资买入198.42万元,融资融券余额3453.25万元
2023-04-12
当前聚焦:TCL加注巴西市场 今年7月冰洗产品将落地
2023-04-12
环球今日讯!增加上线列车、压缩发车间隔...4月12日起西安地铁提升4、6号线运力
2023-04-12
距离千万人口还差80多万!这个省会重磅官宣:生三孩每月发500元,直至孩子3周岁止!
2023-04-12
天津参展商抢抓时机洽谈合作 借助消博会 让更多国际名品落地天津
2023-04-12
天津河西区发展低碳楼宇经济|全球看点
2023-04-12
成人礼物家长送什么好 全球快讯
2023-04-12
媒体:马克龙访华让人想起戴高乐 具体是什么情况? 环球聚看点
张家界慈利税务:三队同行吹响税惠春风“集结号” 重点聚焦
当前滚动:鼎泰高科:4月11日融资买入198.42万元,融资融券余额3453.25万元
当前聚焦:TCL加注巴西市场 今年7月冰洗产品将落地
环球今日讯!增加上线列车、压缩发车间隔...4月12日起西安地铁提升4、6号线运力
距离千万人口还差80多万!这个省会重磅官宣:生三孩每月发500元,直至孩子3周岁止!
天津参展商抢抓时机洽谈合作 借助消博会 让更多国际名品落地天津
天津河西区发展低碳楼宇经济|全球看点
成人礼物家长送什么好 全球快讯
海绵城市板块4月11日涨0.31%,同方股份领涨,主力资金净流入1509.31万元 快播
天天时讯:外甥结婚我们送3000元,我儿子考大学姑姐送2000元这合适吗?
玛丽外宿中4_关于玛丽外宿中4介绍
观天下!京东集团申请增设人民币柜台
开源证券主板IPO审核状态更新为“已问询”_天天热推荐
国家安全教育进校园
天天亮点!华统股份:3月份生猪销售收入3.27亿元 同比增长142.67%
每日速读!平顶山市石龙区财政局:扎实开展创文保卫工作
港股异动 | 中汇集团(00382)涨超5% 机构指公司估值吸引 看高目标价至4.85港元
吕丽萍晒63岁生日照,意外暴露居住环境,孙海英国外捡垃圾太心酸
小区水管破裂,幸亏他们及时处置…… 全球微速讯
《我与我周旋久》第二章五日养成攻略|世界简讯
世界讯息:市民遭遇理财杀猪盘 民警将计就计追回全部损失
天天热讯:3月新增非农就业人数为23.6万人 美联储5月加息预期骤升
前三月新疆再添44家企业科协
环球观点:中国再生医学(08158)发布年度业绩,收益2.62亿港元 同比减少18.13% 4月11日起复牌
泉州高速公路线网布局将加密扩容
清华大学经济管理学院中国企业研究中心主任赵平:中国酒业呈现三大发展趋势
学习贯彻习近平新时代中国特色社会主义思想主题教育省委巡回指导组培训会议召开
环球短讯!教案和教学设计区别(教案范文)
- 拿了北京户口离职,90后分析师遭知名券商追讨违约金!法院这样判了_焦点滚动
- 贵州省开阳县法学会召开工作座谈会议 快看点
- 记者手记:薪火相传——中国援苏丹医疗队尼罗河畔半个世纪的驻守 观热点
- 每日消息!实地考察获宝贵经验 罗湖助力三都水族自治县乡村振兴
- 河南信阳:春茶采摘正当时 茶园风光无限美|焦点热议
- 商汤推出“日日新大模型”体系,包括四款生成式AI应用
- 天天最资讯丨服装库存表格模板明细账_服装库存表格模板
- “彰显了中国经济的韧性与活力”
- 搭载1.5T发动机 MG6新增车型上市 10.98万元_观点
- 成语什么然什么立(什么然屹立的成语有哪些)
- 有图有真相!2000多年前的山东烧烤和现在如出一辙
- 2023年机构家具全球市场报告
- “五个一百”,激发向善向上的正能量
- 苏州旅游打卡新标配!竹筒奶茶走红,有店家日销超1000杯|观天下
- 记者:巴尔韦德团队联系巴埃纳,后者要求他们否认诅咒儿子事件
- 外媒热议中国最新经济数据:提振全球经济的最大希望来自中国_世界快消息
- 名记:重新放开高中生选秀的阻碍是一些老将担心饭碗不保_天天报资讯
- 赤壁之战三国演义_赤壁之战|头条
- 每日热文:(原神高糖同人)想跟纳西妲做一些更犯规的事情…【纳西妲x空】
- 去湿的食物青菜(去湿的食物)-焦点资讯
- 无花果与五指毛桃的区别?-快资讯
- 爱玛电动车指挥官2023“翻阅中国”勇闯川藏线|天天信息
- 斑头鱼_关于斑头鱼简介
- 今日热门!搭建青年创新创业的广阔平台——“互联网+”大学生创新创业大赛综述
- 战神4手柄设置介绍(战神4手柄怎么快速跑) 看点
- 确认关系送的第一件礼物 世界快资讯
- 第三次新疆科考:台特玛湖观测站将主要解决三个科学问题
- 全球今头条!银行营销口号50字_银行营销口号今日更新
- 溪丘湾乡:柑橘春管正当时 夯实基础保丰收-环球新视野
- 世界消息!清城美苑社区筑梦课堂开展手工DIY风筝活动
- 油焖春笋
- 最近国内都召回了哪些车? 特斯拉、宝马都“中招”
- amda00interface出现感叹号_amda00 interface是什么
- 环球视点!网游里必备的“游戏工会”,还能有怎样的新玩法?
- 环球即时:新华时评|推动优质医疗资源扩容下沉,让人人享有健康
- 华秦科技:4月7日融资买入1436.06万元,融资融券余额6781.19万元_速看
- 去银行存款为啥送礼品?多亏银行朋友告知,看完恍然大悟! 热讯
- 【凝神谋发展 实干兴陇原 “三抓三促”行动进行时】西峰:以项目建设为引擎 为高质量发展蓄势赋能
- 环球关注:王河:珠江治理要以水质改善为主要目标
- 世界热点评!足协官方:中超联赛于4月15日开幕,于11月4日结束
- 成都将试点新车上牌免查验 焦点报道
- 环球微动态丨爱婴室发布2022年年报:营收净利实现双增 双品牌运营成果凸显
- 股市三点钟|三大股指齐涨 两市成交额再破万亿_聚焦
- 白宫发布一份12页文件,拜登特朗普相互“甩锅”
- 4月07日15时广东肇庆疫情总共确诊人数及肇庆疫情防控通告今日数据-天天新动态
- 快讯!蜜雪冰城门店再因雇佣童工被处罚,此前已多次被罚 热消息
- 清热解毒的食物有哪些?_清热解毒的食物都有哪些
- 电动车不能淋雨吗(电动车不能淋雨吗?)|环球百事通
- 每日热议!Win10系统错误代码0x00000709无法连接网络打印机解决教程
- 今日热讯:FIFA官方最新排名:阿根廷重回世界第1 中国男足世界第81、亚洲第11