背景一种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_每日看点
- 可转债主题基金业绩超混基，今年最高已赚
- 我的区长父亲是什么梗(我的区长父亲是电
- 全球今热点：nba掘金vs森林狼预测分析全
- 违规出具社团贷款回购协议等，吉林永吉农
- 文艺表演＋水秀表演 这场视觉盛宴将持续
- CAD软件自动更新怎么关闭？-天天即时
- 武汉最新方案出炉：今年打造100个席地而
- 商务部：我国的外贸形势依然复杂严峻_全
- q币怎么换q点充值（一q币等于多少q点）|
- 全球即时看！助理打路人手机谢娜方发文道
- 鹤壁市淇滨区钜桥镇：文旅融合发展助农增
- 苹果哪款手机性价比高值得入手（苹果哪款
- 长沙两园区获评“最具活力软件园”
- 蔚来Power Journeys｜西双版纳线正式贯
- 兴安盟占地拆迁纠纷律师费用多少 微资讯
- 2022年诺贝尔奖有哪些_诺贝尔奖有哪些
- 北京启动今年义务教育入学工作，要求各校
- veaka官网_veaka
- 【全球热闻】pdf如何插入到word文档_pdf
- 聚焦：血腥开年 美国群体凶杀事件“频率
- 【全球报资讯】kb mb gb tb pb eb zb_kb mb
- 热资讯！吞噬星空情报更新，雷神的女儿雷
- 全球滚动:反渗透膜阻垢剂商品报价动态（2
- qq网络游戏下载_qq网络游戏
- 紫燕食品交上市首年“成绩单”：营收超36
- 鹓雏是什么意思_鹓雏
- 世界最资讯丨设计师助理岗位职责描述_设
- 一季度我国邮政寄递业务量达341.7亿件
- 我区举办优秀毕业生成长经验分享会
- 多家海外机构上调今年中国GDP增速预期，
- 简讯：今晚！CCTV5直播2场国乒德比，陈梦
- 当前滚动:猿辅导开新AI产品，推出设计工
- 全球最资讯丨发放300万元专属补贴！济南
- 中信银行沈阳分行(股票600613) 天天关注
- 仿古砖优缺点适用场景_仿古砖优缺点
- 小学生暴晒排练节目，老师却怕晒打遮阳伞
- 【独家焦点】如何烹饪肋眼牛排使肉变软_
- 全新用户型科创汽车推出“AI4M智能战略”
- 焦点短讯！如何在百度贴吧上发帖 百度贴
- 今日热讯：伪装着为什么要有死间计划_伪
- 环球速看：我成替身？C罗、姆巴佩、哈兰
- 五年级上册数学第一单元思维导图手抄报_
- 额头长痘痘怎么去除_教你怎样快速祛痘
- 天天短讯！朝阳2226套保租房开展对接试点
- 宁夏宁东能源化工基地：坚持“项目为王”
- 400台无人机助阵 第五届骆马湖国际沙雕
- 奖金最高16万，Find X6系列助力，OPPO超
- 2023年贵州省重点产业紧缺人才需求目录发
- 北京房山区实施“聚源计划”引才聚才支持
- 小鲨易贷没放款法院会硬式执行吗|环球快讯
- 奔腾M9售22.98万起，尺寸超传祺M8，配置
- PMI拉响通胀升温警报，美债跳水，特斯拉
- 谋男郎窦骁，终于在35岁这一年如愿嫁进了
- 女性绝经期推太迟，或有这3种危害，或受
- 李易峰我在北京等你电视剧_我在北京等你
- 遵化一中官网首页_遵化一中官网
- 当前观点：浪客之风亚索判定大改！两个技
- 星际争霸2 战役mod 虚空之遗 船员mod
- 外汇局：未来会继续推动跨境贸易投融资高
- 聚焦：血腥开年 美国群体凶杀事件“频率
- 【全球报资讯】kb mb gb tb pb eb zb_kb mb
- 热资讯！吞噬星空情报更新，雷神的女儿雷
- 全球滚动:反渗透膜阻垢剂商品报价动态（2
- qq网络游戏下载_qq网络游戏
- 紫燕食品交上市首年“成绩单”：营收超36
- 鹓雏是什么意思_鹓雏
- 世界最资讯丨设计师助理岗位职责描述_设
- 一季度我国邮政寄递业务量达341.7亿件
- 我区举办优秀毕业生成长经验分享会
- 多家海外机构上调今年中国GDP增速预期，
- 简讯：今晚！CCTV5直播2场国乒德比，陈梦
- 当前滚动:猿辅导开新AI产品，推出设计工
- 全球最资讯丨发放300万元专属补贴！济南
- 中信银行沈阳分行(股票600613) 天天关注
- 仿古砖优缺点适用场景_仿古砖优缺点
- 小学生暴晒排练节目，老师却怕晒打遮阳伞
- 【独家焦点】如何烹饪肋眼牛排使肉变软_
- 全新用户型科创汽车推出“AI4M智能战略”
- 焦点短讯！如何在百度贴吧上发帖 百度贴
- 今日热讯：伪装着为什么要有死间计划_伪
- 环球速看：我成替身？C罗、姆巴佩、哈兰
- 五年级上册数学第一单元思维导图手抄报_
- 额头长痘痘怎么去除_教你怎样快速祛痘
- 天天短讯！朝阳2226套保租房开展对接试点
- 宁夏宁东能源化工基地：坚持“项目为王”
- 400台无人机助阵 第五届骆马湖国际沙雕
- 奖金最高16万，Find X6系列助力，OPPO超
- 2023年贵州省重点产业紧缺人才需求目录发
- 北京房山区实施“聚源计划”引才聚才支持
- 小鲨易贷没放款法院会硬式执行吗|环球快讯
- 奔腾M9售22.98万起，尺寸超传祺M8，配置
- PMI拉响通胀升温警报，美债跳水，特斯拉
- 谋男郎窦骁，终于在35岁这一年如愿嫁进了
- 女性绝经期推太迟，或有这3种危害，或受
- 李易峰我在北京等你电视剧_我在北京等你
- 遵化一中官网首页_遵化一中官网
- 当前观点：浪客之风亚索判定大改！两个技
- 星际争霸2 战役mod 虚空之遗 船员mod
- 外汇局：未来会继续推动跨境贸易投融资高
- 孔庆冰 百事通
- 锐奇股份：2022年净利润同比下降61.53%
- 中信建投武超则：外部扰动对我国科技产业
- 淘气天尊：市场盘尾跳水，是撤退还是进攻
- 环球热门:无锡幼儿园报名户口要在哪里
- 世界观热点：夏天外出用防晒值20度防晒霜
- 2010年高考成绩是发短信吗（2010年高考成
- 春意盎然的意思解释_春意盎然的意思_环球
- 热讯：毒医丑妃txt下载_毒医丑妃
- “铁拳”行动！济宁曝光六起典型案例
- 环球简讯:为耐克、彪马等代工的华利集团
- 重庆北站到重庆西站火车时刻表_重庆北站
- 天津市宝坻区市场监督管理局通报化肥等产
- 袁隆平电影_袁隆平电影简介_精选
- 2000余平方！拆除！庆元人，“厂改房”违
- 世界热文：六岁娃上学路上摔断胳膊谁之过
- 德展健康（000813）：4月21日北向资金增
- 佳禾智能：相关合作具体信息涉及公司经营
- 甲鱼蛋怎么吃_甲鱼蛋的做法 环球报道
- 卫辉市供电公司“三举措”推进违规经商办
