今日视点:截图!长按保存分享!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
- 世界热消息:这位德国90后前国脚,已远离五大联赛5年时间,还记得他吗?
- 第三届消博会迎来首个公众开放日
- 俞家棍全套教学视频_俞家-全球快报
- 穆里尼奥表示对罗马阵容的潜力很满意
- 世界讯息:太惨了!3月份小型SUV销量榜:竟无一款车型破6千,传祺GS3夺冠!
- 大学“牵手”小镇 浙江宁波发布乡镇级乡村振兴综合解决方案-世界新资讯
- 连续两个月当选!维尼修斯领取皇马3月最佳球员奖杯 全球快播
- 印尼东爪哇省附近海域发生6.6级地震
- 牛角梳遇热水会变臭吗
- ipad手写字体自动化修正在哪里
- 上海临港2022年净利润下滑33.03%至10.09亿元-焦点精选
- 市北高新:2022年实现收入12.62亿元
- 焦点!中国能源建设午后涨近4% 一季度订单金额同比增长逾22%
- 水利部:今年一季度全国新开工水利项目超7000个 焦点速讯
- 长沙首批供地:8宗地块成交总揽金72.3亿元 4宗底价出让4宗待摇号
- 建行社保卡怎么激活 建行社保卡怎么激活金融账户
- 声迅股份:隐私计算技术在公司特定业务场景中有应用 观热点
- 今日热搜:又来!散装江苏又成立市级环保集团!
- 索尼放出 25 分钟预告《最终幻想 16》游戏演示 天天观察
- 锂价失速 有“锂”也难走遍天下 全球热门
- lol末日寒冬效果_lol末日
- 全球视讯!魏牌蓝山上市27.38万起售,100+项豪华配置,直接叫板理想L8
- 天天热消息:艾青简介150字_艾青简介50字
- 朗逸换完冷凝器空调就不管用了 朗逸换完冷凝器空调就不管用了怎么回事
- 上新啦消博 | BOLON眼镜全新品牌形象和全新产品“无限系列”亮相消博会 环球微速讯
- 原耽双男主小说推荐 《只想倒贴你》夸克浏览器看
- 红心火龙果能多吃吗?-环球报资讯
- 每日消息!沈阳正规妇科医院在哪
- 新消息丨中证协拟出新规提升券商反洗钱工作有效性
- 美研究:美国枪击事件频发 88%美国人对枪支暴力感到焦虑_每日热文
- 终止商铺合同多久前通知?导致合同终止的原因有哪些?
- 上海卫健委鼓励社区开展适宜外科手术
- 女18岁礼物排行榜
- 茫崖市气象台发布大风橙色预警信号
- 4月13日至16日,来洛阳古墓博物馆看明代美人“走出”壁画|天天要闻
- 天天快资讯丨泸溪县武溪镇多部门共撑平安校园“保护伞”
- 中国移动联合业界发起成立香港Web 3.0协会
- 沙尘暴蓝色预警:内蒙古北京上海等13省区市有扬沙或浮尘-新视野
- 蒋涤非在调研省特检院和省质检院时强调 发挥技术优势 守牢安全底线-当前关注
- 全球最新:凯格尔运动正确做法_凯格尔运动正确做法介绍
- 晒干的柠檬皮上有黑点,还能喝吗? 播报
- 全球要闻:e350el奔驰报价2022款_el娃娃
- 英特尔宣布将与Arm在芯片制造方面合作 世界实时
- 天天热讯:龙虎榜 | 百达精工今日涨停,知名游资炒股养家净卖出243.45万元
- 云南鲁甸:交流研讨、互学互鉴 这场培训干货满满
- 切实提升社会治安控制力,黄浦警方开展集中清查整治行动 最新
- 前沿资讯!中国人保:1-3月原保险保费收入2497亿元
- 全球视讯!长三角示范区首次联合招商 3个重点项目揭牌、9个重点项目签约
- 火场中的“铿锵玫瑰”,全上海唯一一位女消防员在这里
- 当前信息:全球最大自贸区将进入全面实施新阶段!菲律宾正式提交RCEP核准书
- 内蒙古高考满分多少分?2022中
- ca6533-世界即时
- 每日热议!A股并购重组持续提速 产业整合助推新旧动能转换
X 关闭
最新资讯
- 节前买基金还是节后?为何买基金要避开节日前买? 当前关注
- 【环球速看料】如何去除袜子上的口香糖_送礼物的大活动怎么做
- 3月房企非银融资917.9亿元 环比增加逾1倍_焦点讯息
- 天天快播:名人引流带动 游客慕名而来 古城旅游火热
- 新能源基金调仓换股转向AI 机构提示短期风险
- 带领广州创造历史!郭士强兑现承诺,离开辽宁男篮依旧是一流名帅
- 动态焦点:特写丨跟着采购商逛消博会:把全球高性价比消费品带回四川县城
- 世界快看点丨墙面漏水,混凝土里疑似掺杂塑料袋 上海这个楼盘被诉“货不对板”
- 【世界新视野】驻守边境线13年 他把偏吉当成“第二故乡”
- 嘉实基金肖觅:低波动能大幅提高持有人收益,未来看好四大类非线性的投资机会!_当前短讯
- 五一假期没到 订单超8倍!网友:西安的年过不完了…… 环球焦点
- 天天报道:2023年4月11日上海市苯乙烯价格最新行情预测
- 余杭“民生大礼包”助旧小区蝶变“美好家园”
- 江苏省第二届智力运动会国际象棋比赛开赛-全球速看料
- 全球快资讯丨地雷最早出现在(地雷最早是哪个国家发明的?)
- 信阳市罗山县人民检察院:春风送法进校园 法润人心护成长-天天快看点
- 驱蚊酯和避蚊胺的区别图片_驱蚊酯和避蚊胺的区别
- 世界快消息!中上协:A股上市公司跨境并购连续5年下滑,背后有两大原因
- 湖南娄底醉驾撞人拖行案择期宣判
- 中科可控Suma发布“全场景”终端产品
- “千里运河新画卷”网络名人行活动在德州市启动_世界滚动
- 《怪奇物语》推出动画剧集,剧情等信息尚保密 天天播资讯
- 完成投资7535亿元,河南一季度重点项目建设实现“开门红” 速讯
- 西南科技大学简称“西南科大”,坐落于中国科技城-四川省绵阳市 天天滚动
- 当前观点:债市日报:4月10日
- 虎口纹身图案大全 意义_虎口纹身图案大全_当前热文
- 德阳市罗江区万安镇黎明社区老年志愿小队|当前速递
- 元宇宙地产崩塌,下一个是GPT? 全球热头条
- 2023徐州马陵山音乐节门票在哪买?-每日简讯
- 企业可享受低至1.83%的年费率,上城首批10家科技企业风险池贷款落地
- 瑞士财长:瑞银收购瑞信将顺利进行 不会面临政治障碍 快播
- 大学最新排名要怎么看 中国农林类大学最新排名_环球看点
- 曹德旺:我创业至今,从没借助过哥哥的任何政治资源
- 生态与发展并进 绿色与奋进共生_即时焦点
- 可敬的志愿服务精神(民生观)
- 全球热文:送男朋友适合送什么花
- 全球要闻:《无间》:陆风就是青衣!陈浩民暴露,闪官一石二鸟计划除掉沈啸
- 一季度全国铁路完成固定资产投资1135.5亿元_环球精选
- 三养社开发用于汽车日间行车灯的高透光率聚碳酸酯
- 同源染色体上的等位基因交叉互换_同源染色体上的等位基因
- 北方多地将有沙尘天气 下周南方阴雨再度上线-全球视点
- 美联储5月加息25个基点的概率为65.6%|每日速读
- 全球观速讯丨图片怎样添加文字水印 图片怎么添加文字水印
- IT专业人士如何充分利用Twitter
- 世界快报:主板注册制首批企业周一“敲钟”,A股交易进入全面注册制时代
- 最高气温33℃!明后两天,陕西这些地方注意..... 世界快看点
- 乡村旅游景点 餐饮、住宿消费迅速升温回暖
- Go! Shandong|唯有牡丹真国色,花开时节动京城 今日看点
- QLED与UHD有何不同?全面解析
- 妇科常见病因(妇科常见病)
X 关闭