首页 > 资讯 >

全球通讯！截图！长按保存分享！Cocos Creator

2023-04-09 08:56:09 来源：程序员客栈

一种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

一种3D截图方案背景参考TRUESPACEwithCocos技术分享[1]中的动态生成海报的介绍，以及作者的支持。实现一...

焦点日报：电信定制机顶盒安装第三方软件如何操作（电信定制机）

电信定制机顶盒安装第三方软件如何操作，电信定制机很多人还不知道，小城来为大家解答以上问题，现在让...

精彩看点：建“女神群”发小视频赚钱，还可定制“女明星脸”，他栽了

近年来，“AI换脸”走红网络，一些“AI换脸”的App使用明星的图片制作换脸视频进行推广，其趣味性背后暗...

全球滚动:“新方案”出台，老人乘车“免费”将被废除？你赞成么？

乘坐公共交通工具出行，几乎是每个人都会做的一件很普通、很普通的事情。而且，随着我国经济的不断发展...

环球即时：第三届中国国际消费品博览会参展物品陆续上架

4月8日，第三届中国国际消费品博览会各参展商已完成展位的施工搭建工作，参展物品陆续上架。第三届消博...

环球今头条！北京专报丨中方专家：目前还没有任何科学根据能够明确新冠病毒真正起源

“目前还没有任何科学的根据能够明确新冠病毒真正的起源。”4月8日，北京化工大学生命学院院长、教授童...

世界最资讯丨勇士内讧一幕曝光！普尔10中0与助教互喷，网友：交易1.4亿先生

勇士内讧一幕曝光！普尔10中0与助教互喷，网友：交易1 4亿先生,勇士,库里,交易,内讧,安东尼,汤普森,普...

当前快播：猫咪大战争太古之力EX（太古の力EX）参考编队

经过漫长的攻略终于通关了所有传奇关卡，给出通关的编队给需要的人参考。稀有猫全部LV50+8到+15左右其中...

报道：生父、女友竟当庭翻供！重庆姐弟坠亡案会改判吗？

生父、女友竟当庭翻供！重庆姐弟坠亡案会改判吗？

要闻：湖南：制止餐饮浪费倡议经营者提供“半份”“半价”服务

红网时刻新闻4月7日讯（记者刘璇通讯员许英）民以食为天，食以俭养德。为深入实施《反食品浪费法》，推...

天天信息:周末推荐 | 查理芒格关于财富与人生的50条箴言

导语理芒格在2017年的DailyJournal(《每日期刊》)年会上讲的。他对现场的人说，你们这一代人做投资，比...

每日速读!外企高管密集访华释放这些信号

证券时报e公司讯，近期，外企高管密集访华成了海内外瞩目的话题。4月6日下午，在中法企业家委员会第五次...

全球速读：4月7日基金净值：银河沪深300价值指数A最新净值1.543，涨0.39%

4月7日，银河沪深300价值指数A最新单位净值为1 543元，累计净值为1 768元，较前一交易日上涨0 39%。...

每日视点！应用文写作理论与实践

1、《应用文写作理论与实践》是2014年清华大学出版社出版的图书。2、作者是谢世洋。

焦点关注：怀孕几天可以药物流产_药物流产的最佳时机

1、如果避孕措施失败，出现非意愿妊娠，可以选择人工流产和药物流产。2、药物流产的好处是不需要手术，...

观天下！如何框框屋顶屋檐_女孩子送女朋友什么礼物好呢知乎

你需要的东西F通道J通道拱腹材质8便士钉子筋膜帽3 4英寸木螺钉箱形屋檐风可以将阁楼通风口内的火炭吹走...

当前热议!老师太诱爱

今天来聊聊关于老师太诱爱的文章，现在就为大家来简单介绍下老师太诱爱，希望对各位小伙伴们有所帮助。1...

环球热消息：海鸥全部手表价格_海鸥全景相机

国内知名相机品牌，制造规模庞大的自主品牌数码相机企业，提供完整的工业影像分析解决方案，拥有完整的...

焦点观察：2023米粉节：小米12S/SPro手机直降300元，到手3

米尔游网4月7日消息，米粉节期间，小米手机宣布小米12S、小米12SPro闪降300元，到手价最低

今日关注：电脑开机时间日期不对无法同步_电脑开机时间

1、可以通过CMOS设置中设置自动开机日子和自动开机时的间。2、设置办法：开机时按下Del键（90%的网友使...

天天观点：美学研究理论（美学研究）

一、题文美学研究的对象是什么?二、解答第一种见解认为,美学是“美的哲学”,美学研究的对象应当是美和美...

天天微头条丨在语文考试过程中，阅读题目所占比重越来越大

目前，高三的同学已经开始了高考第一轮复习，在这一阶段的复习当中，我们要注重对基础知识的掌握，牢固...

全球最新：走进企业看信心｜粤港澳大湾区最快地铁线背后的“智造”力量

在广州，有条最高时速可以达到160公里、而且全线地下运行的线路，那

每日热点：理论视界丨坚持问题导向提升督查质效

□袁照华督查工作是推动党的决策部署落地落实的重要抓手，是全局工作中的一个重要环节。在一定意义上说...

全球热推荐：原来这些食物也会引发痛风！快看看你是不是每天都在吃？

现在，患有痛风的人越来越多了，据《2021中国高尿酸及痛风趋势白皮书》数据显示，我国高尿酸血症的总体...

世界实时：山西启动第三批省级文旅产业融合发展示范区申创工作

全球视点！沉鱼落雁的王昭君死后，匈奴到底有没有进行自残，证据都在壁画上

【天天新要闻】买SUV送MPV座椅！试驾魏牌蓝山DHT-PHEV

世界最新：山背

每日报道：攸县农商银行加大支农力度

全球热文：寻找向上的力量！室内攀岩渐成江城潮流运动！

当前快讯:吃饭要等位，打卡要排队！清明节北京商圈客流涨了两成

今日最新！严把六道关，全链条管控，中石化黄冈石油确保油品质优量足

世界快资讯：飞机提前多长时间停止检票（飞机提前多久停止检票）

今日热闻!五一旅游前瞻：长线游预订同比增长811%

天天快消息！郑州宝泉钱币周四（4月6日）银条价格5.53元/克

天天热点评！副市长沈效功一行赴安徽省合肥市考察调研

焦点速看：* 金山云港股盘中跌超8%，财报显示全年营收首次出现下滑

每日快报!振华风光：进口设备占比较多不会影响晶圆线正常运行

全球看热讯：国际物流业务员话术-国际物流业务员怎么找客户

当前播报:缘来婚恋指导_缘来婚恋

全球今热点：真爱，不论是对人还是对事，都得历尽考验，才知道到底有多爱

焦点热文：万物生长，别让谣言也跟着“长”

焦点信息:厄瓜多尔阿劳西地区山体滑坡已致30人死亡

通讯！国泰君安医药一季报业绩前瞻：业绩复苏环比趋势明确

天天精选！国际原油期货小幅收跌

全球观热点：1-2月我国软件业务收入14461亿元同比增长11%

天天速看：4月06日00时江西鹰潭疫情累计多少例及鹰潭疫情最新状况确诊人数

环球关注：自然资源部通报挂牌督办平南违法用地问题调查处理结果

焦点滚动:英特尔将为台式机CPU跳过10nm 将在2022年提供7nm台式机CPU

评测

一线 | 清理隔离垃圾的环卫“大白”：脱下防护服，浑身是馊味

一线 | 清理隔离垃圾的环卫“大白”：脱下防护服，浑身是馊味

一线|对接社区梳理需求民企线上线下双保供

一线|对接社区梳理需求民企线上线下双保供

青海西宁新增7名阳性人员 4名无症状感染者转为确诊病例

青海西宁新增7名阳性人员 4名无症状感染者转为确诊病例

因140瓶援沪油焖笋走红浙江奉化76岁老人直言很害羞

因140瓶援沪油焖笋走红浙江奉化76岁老人直言很害羞

重庆开展道路运输专项整治迎“五一”

重庆开展道路运输专项整治迎“五一”

美国籍被告人沙迪德·阿布杜梅亭故意杀人案一审宣判

美国籍被告人沙迪德·阿布杜梅亭故意杀人案一审宣判

资讯

全球通讯！截图！长按保存分享！Cocos Creator

一种3D截图方案背景参考TRUESPACEwithCocos技术分享[1]中的动态生成海报的介绍，以及作者的支持。实现一...

焦点日报：电信定制机顶盒安装第三方软件如何操作（电信定制机）

电信定制机顶盒安装第三方软件如何操作，电信定制机很多人还不知道，小城来为大家解答以上问题，现在让...

精彩看点：建“女神群”发小视频赚钱，还可定制“女明星脸”，他栽了

近年来，“AI换脸”走红网络，一些“AI换脸”的App使用明星的图片制作换脸视频进行推广，其趣味性背后暗...

全球滚动:“新方案”出台，老人乘车“免费”将被废除？你赞成么？

乘坐公共交通工具出行，几乎是每个人都会做的一件很普通、很普通的事情。而且，随着我国经济的不断发展...

环球即时：第三届中国国际消费品博览会参展物品陆续上架

4月8日，第三届中国国际消费品博览会各参展商已完成展位的施工搭建工作，参展物品陆续上架。第三届消博...

行情

精彩推送

Copyright @ 2015-2022 西南家电网版权所有备案号：皖ICP备2022009963号-8 联系邮箱：39 60 29 14 2@qq.com