背景一种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
- 关于铁矿石价格！国家部委最新消息来了_
- 全球看热讯：为啥天空是蓝色的？而不是彩
- 环球关注：普洛药业：第二条14个单元的CD
- 进取凯伦｜携手欧本集团创造高品质建筑屋
- 中俄界江乌苏里江饶河段“文开江”比去年
- 国家牛肉面地理—潮州牛肉面
- 2023杭州钱王祠微信购票教程一览
- 杨丽萍再现“孔雀女神”迷人魅力
- 全球新资讯：点赞！坪山区人民医院护士在
- Oracle Database 23c免费版本现已可供
- 全球今日讯！福建洛江法院成功化解建设工
- 王者荣耀：传说300连胜骚白即将凉凉，代
- 当前头条：中国公司将推出太空殡葬详细内
- 环球关注：向松祚：90%以上的经济学家会
- 全球头条：关于张继科的几件小事
- 铜陵公安发布最新通告 征集“黄牛”违法
- 每日视讯：麦澜德：4月3日融券净卖出1.44
- 【环球财经】美国3月制造业采购经理人指
- 永吉股份(603058)：2022年营业收入6.53亿
- HP发布暗影精灵9系列游戏本：RTX 4080干
- 银之杰：公司控股股东 实控人及部分董事
- 热点聚焦：2023年“美育芳草”国家大剧院
- redis 哨兵集群安装
- 精彩看点：进境邮件快件工作总结(推荐33篇)
- 美媒：多家美主流媒体向法官呼吁，允许在
- 英雄无敌3追随神迹wog完美版下载_誓死追
- 天天播报:渠道布局覆盖全面，天风证券维
- 上药康希诺工作人员回应明日停产：基于新
- 民乐县水务局认真做好汛前各项准备工作
- 夜市投资7万元却未开张即被拆，沈阳夫妻
- 环球快看点丨河蟹怎么做好吃又简单_需要
- 美国“毒列车”7名调查人员集体生病：头
- 全球观焦点：兴义环城高速科技示范工程通
- 环球速读：清明期间高速出行安全提示来了
- 天天短讯！Economic Watch: China's m
- 圆桌论坛把脉数字金融发展新路径：数字技
- 安徽颍上：梨花盛开 产业飘“香”
- 世界今日报丨海天瑞声：对部分客户正进行
- 每日快报!怀孕早期胃酸怎么回事_怀孕早期
- 动态焦点:新纽科技2022年度业绩公布
- 特朗普受刑事指控 美国两党斗争加剧 天
- 好消息！海口新海港客运枢纽项目进入全面
- 直面家电送装时效难题 京东即送即装或成
- 牙膏监管新规发布！给孩子挑选牙膏时，这
- 每日播报!邪少的钻石新娘_艳少的百日新娘
- 龙港首个！不用去苍南学了~|全球视讯
- 普京批准《俄罗斯联邦对外政策构想》最新
- 前海健康(00911)发布年度业绩 股东应占
- 龙虎榜丨金发拉比今日跌停，机构合计净卖
- 中日防务部门海空联络机制直通电话建成-
- 世界最资讯丨女人的优点是男人所欠缺的
- 当前滚动:即将进入“人间四月天” 成都
- 网络大V、本土红人助阵！莆田市首届网络
- 广东全面开通首次申领居民身份证跨省通办
- 张之维一人灭掉一个组织，白胡子开启一个
- 唐麦H5主动降噪耳机评测：造型简约时尚，
- 贵州金沙：十里花海银装素裹 全球播资讯
- 南宋德寿宫遗址博物馆迎来首场市集，带你
- 世界球精选！采购培训课程有哪些_采购培
- HP发布暗影精灵9系列游戏本：RTX 4080干
- 银之杰：公司控股股东 实控人及部分董事
- 热点聚焦：2023年“美育芳草”国家大剧院
- redis 哨兵集群安装
- 精彩看点：进境邮件快件工作总结(推荐33篇)
- 美媒：多家美主流媒体向法官呼吁，允许在
- 英雄无敌3追随神迹wog完美版下载_誓死追
- 天天播报:渠道布局覆盖全面，天风证券维
- 上药康希诺工作人员回应明日停产：基于新
- 民乐县水务局认真做好汛前各项准备工作
- 夜市投资7万元却未开张即被拆，沈阳夫妻
- 环球快看点丨河蟹怎么做好吃又简单_需要
- 美国“毒列车”7名调查人员集体生病：头
- 全球观焦点：兴义环城高速科技示范工程通
- 环球速读：清明期间高速出行安全提示来了
- 天天短讯！Economic Watch: China's m
- 圆桌论坛把脉数字金融发展新路径：数字技
- 安徽颍上：梨花盛开 产业飘“香”
- 世界今日报丨海天瑞声：对部分客户正进行
- 每日快报!怀孕早期胃酸怎么回事_怀孕早期
- 动态焦点:新纽科技2022年度业绩公布
- 特朗普受刑事指控 美国两党斗争加剧 天
- 好消息！海口新海港客运枢纽项目进入全面
- 直面家电送装时效难题 京东即送即装或成
- 牙膏监管新规发布！给孩子挑选牙膏时，这
- 每日播报!邪少的钻石新娘_艳少的百日新娘
- 龙港首个！不用去苍南学了~|全球视讯
- 普京批准《俄罗斯联邦对外政策构想》最新
- 前海健康(00911)发布年度业绩 股东应占
- 龙虎榜丨金发拉比今日跌停，机构合计净卖
- 中日防务部门海空联络机制直通电话建成-
- 世界最资讯丨女人的优点是男人所欠缺的
- 当前滚动:即将进入“人间四月天” 成都
- 网络大V、本土红人助阵！莆田市首届网络
- 广东全面开通首次申领居民身份证跨省通办
- 张之维一人灭掉一个组织，白胡子开启一个
- 唐麦H5主动降噪耳机评测：造型简约时尚，
- 贵州金沙：十里花海银装素裹 全球播资讯
- 南宋德寿宫遗址博物馆迎来首场市集，带你
- 世界球精选！采购培训课程有哪些_采购培
- 天天视点！罕见！广东发现一例“恐龙血”
- 环球观天下！旅游"开春"暖意浓 多样化发
- 有关鼓掌的作文600字(精选32篇)
- 天天新消息丨用于实名认证的身份证号码和
- 天天快看：车企“淘汰赛”比拼综合实力
- 黑龙江省哈尔滨市2023-03-30 23:09发布
- 上交所向三星医疗发出问询函_焦点
- 四川省汶川县两套负氧离子监测系统案例安
- 预计将于今年晚些时候推出四种不同型号的
- 保卫萝卜4绿野奇缘第17关攻略
- 云南红河：“千里眼”赋能数智化转型 全
- 【新视野】互动再少也不是避嫌德云社：人
- 中国汽车流通协会会长沈进军：延长“国六
- 绵阳市米小福食品有限公司
- 小米Paipai无线屏幕投影仪推出具有5G Wi
- 高盛：予中国人寿“买入”评级 目标价16
- 2023年3月30日山东省三甲胺价格最新行情预测
- 猪肉板块盘初拉升 巨星农牧大涨8%_天天头条
- 可再生能源装机超煤电意味着什么
- 当前资讯!“特色经济”比拼，如何拼出特
