背景一种3D截图方案
参考 TRUE SPACE with Cocos 技术分享[1]中的动态生成海报的介绍，以及作者的支持。实现一个长按保存分享截图的方案。
效果在微信浏览器中预览效果如下
(相关资料图)
原作者讲的非常清楚，只需要按照以下步骤实现即可。
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年版
点击“阅读原文”查看精选导航
“点赞“ ”在看”鼓励一下▼
关键词：
(责任编辑：黄俊飞)
推荐内容
- 【环球快播报】截图！长按保存分享！Coco
- 焦点！汇丰荐四主题 港股年底见22490点
- 日德高管论道氢能：中国市场，大势靠“拱
- 观天下！闪崩股是什么意思 以下内容告诉你
- 热消息：像素沙盒推理游戏《凶影疑云》现
- 环球关注：信用卡分期会影响买房贷款吗?
- Django REST Framework-路由器（二）
- 天天报道:浜边栞帆 - 早已对海誓山盟的
- 美股周一：三大股指涨跌不一，美光跌超2%
- NUOMI诺米牵手代言人唐嫣，拉开全屋五金
- 04月25日猪评：涨涨涨！南北市场猪价“红
- 多项指标全国第一！广东将实施知识产权质
- 今日热搜：中国男篮短训营名单:周琦领衔
- 阜平县手工业车间新模式 带动近7000户家
- 网盛生意宝董事长孙德良国贸集团产业供应
- 致远互联签约知乎|世界视讯
- 2023浙江嘉兴市嘉善县姚庄镇人民政府招聘
- 肺结核和感冒如何区分？这些知识要知道→
- 浙江：建立元宇宙部门工作协同机制 6月
- 新华时评·首季经济形势｜持续发力稳就业
- 台州路桥：打造服务青年创业“生态圈”
- 每日聚焦：7、山间的庙宇千万不要乱进
- 今日精选：类银河城新游《心渊梦境》发售
- 用“身边案”警示“身边人”
- 使用数字人民币发的工资，是种什么体验？
- 怪兽充电巨亏7亿，“充电刺客”难解亏损
- 跟队记者：纳格尔斯曼之前不太愿意来热刺
- 恒大汽车甩包袱，中国恒大2元接手47个养
- 环球热讯:第一个向机器人宣战的人类？
- 当前简讯:万载县气象台发布雷电黄色预警
- 焦点速看：三峡旅游2022年归母净利润433.
- 环球微头条丨施华洛世奇携手漫威，璀璨光
- 纸板采购统一管理？老板：一部手机轻松搞
- 沪指失守3300点，超跌后能否迎来反弹？分
- 《黑暗之魂3》巨人果实作用及获得方法解
- 软件app推广联盟（软件推广联盟） 最新快讯
- 【环球热闻】美丽的颜色主要内容(《美丽
- 青岛啤酒：一季度净利润14.5亿元，同比增
- 石化油服（600871）：4月24日北向资金减
- 山东南山职业技术学院学校代码_山东南山
- 西班牙司法和检察官协会宣布5月16日起无
- 女性的神器 女性十大神器真实图_世界热点
- 什么是epc项目是什么意思_什么是epc_视焦
- 全国首例！期货居间人非法经营期货交易咨
- 戒指传奇好看吗_戒指传奇全文阅读
- 焦点快看：我国五大淡水湖分别是_太湖是
- 新化股份(603867.SH)发布一季度业绩，净
- 安徽亳州可提供伊莱克斯面包机维修服务地
- 三孚新科：2022年度净利润约-3224万元
- 观热点：汇川技术：去年归母净利润增长20
- 每日报道：龙跃武器升级属性 龙跃武器7
- 安硕信息2022年实现营收7.79亿元，持续推
- 盐池县气象台发布霜冻蓝色预警【IV级/一
- 蒸米饭要多长时间呀_蒸米饭要多长时间
- 致敬！周建平获钱学森最高成就奖
- 古代惩罚出轨女子刑具残忍
- 1069只！迷你基金数量创新高 有公募规模
- 2023青岛红岛蛤蜊节买蛤蜊好去处
- 焦点报道:联合光电: 安信证券股份有限公
- 新瓜来了，网易起诉暴雪要求退还3亿元，
- 台州路桥：打造服务青年创业“生态圈”
- 每日聚焦：7、山间的庙宇千万不要乱进
- 今日精选：类银河城新游《心渊梦境》发售
- 用“身边案”警示“身边人”
- 使用数字人民币发的工资，是种什么体验？
- 怪兽充电巨亏7亿，“充电刺客”难解亏损
- 跟队记者：纳格尔斯曼之前不太愿意来热刺
- 恒大汽车甩包袱，中国恒大2元接手47个养
- 环球热讯:第一个向机器人宣战的人类？
- 当前简讯:万载县气象台发布雷电黄色预警
- 焦点速看：三峡旅游2022年归母净利润433.
- 环球微头条丨施华洛世奇携手漫威，璀璨光
- 纸板采购统一管理？老板：一部手机轻松搞
- 沪指失守3300点，超跌后能否迎来反弹？分
- 《黑暗之魂3》巨人果实作用及获得方法解
- 软件app推广联盟（软件推广联盟） 最新快讯
- 【环球热闻】美丽的颜色主要内容(《美丽
- 青岛啤酒：一季度净利润14.5亿元，同比增
- 石化油服（600871）：4月24日北向资金减
- 山东南山职业技术学院学校代码_山东南山
- 西班牙司法和检察官协会宣布5月16日起无
- 女性的神器 女性十大神器真实图_世界热点
- 什么是epc项目是什么意思_什么是epc_视焦
- 全国首例！期货居间人非法经营期货交易咨
- 戒指传奇好看吗_戒指传奇全文阅读
- 焦点快看：我国五大淡水湖分别是_太湖是
- 新化股份(603867.SH)发布一季度业绩，净
- 安徽亳州可提供伊莱克斯面包机维修服务地
- 三孚新科：2022年度净利润约-3224万元
- 观热点：汇川技术：去年归母净利润增长20
- 每日报道：龙跃武器升级属性 龙跃武器7
- 安硕信息2022年实现营收7.79亿元，持续推
- 盐池县气象台发布霜冻蓝色预警【IV级/一
- 蒸米饭要多长时间呀_蒸米饭要多长时间
- 致敬！周建平获钱学森最高成就奖
- 古代惩罚出轨女子刑具残忍
- 1069只！迷你基金数量创新高 有公募规模
- 2023青岛红岛蛤蜊节买蛤蜊好去处
- 焦点报道:联合光电: 安信证券股份有限公
- 新瓜来了，网易起诉暴雪要求退还3亿元，
- 中国智能家居市场稳定增长 飞利浦智能锁
- 当前速读：月季花的养殖方法扦插_月季花
- 广州番禺母婴店发现尸体警方排除他杀-世
- 什么是路堑式路基_什么是路堑
- A股四连阴：创业板指跌近2% 游戏与传媒
- 相聚草原放飞梦想，2023年中国·武汉木兰
- 三星的预算友好型GalaxyTabS6Lite目前在
- 全球视点！玉禾田：聘任华晓锋担任财务总
- 特斯拉APP升级：无卡片钥匙也可以匹配手
- 商洛市公安局治安管理支队原支队长张金水
- 环球观速讯丨总统爸爸的宠物上天的结局是
- 迎接第八个“中国航天日” 上海航天局第
- 全球热点评！禾望电气：一季度净利同比增
- 【世界快播报】中华护理研究杂志官网（护
- 世界读书日｜朱尚刚：父亲朱生豪与莎士比
- 经开实小三年级学子挥笔成文，书写奇妙想
- 全球头条：北京预挂牌4宗地块，总起拍价8
- 【环球新视野】没有单位自己交五险多少钱
- 当前速讯：穆雷：我们将回到自己的地方
- 巴媒：河南外援卡兰加因家暴被逮捕，其外
