截图!长按保存分享!Cocos Creator
来源:程序员客栈 时间:2023-04-25 00:56:02
背景一种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年版
点击“阅读原文”查看精选导航
“点赞“ ”在看”鼓励一下▼
标签:
相关推荐:
最新新闻:
- 转载 | 基于词嵌入技术的心理学研究: 方法及应用-每日播报
- 截图!长按保存分享!Cocos Creator
- 国产芯,低功耗,绿色节能,华源智信控制器进入三星充电器供应链
- 两大国家级水上运动赛事落户彭水 全球动态
- 天天快讯:超漂移官网在哪下载 最新官方下载安装地址
- 【世界新视野】鸟枪变大炮什么时候出 公测上线时间预告
- 【速看料】图解指南针年报:第四季度单季净利润同比增94.31%
- 口袋妖怪最强进化官网在哪下载 最新官方下载安装地址
- 普定:小樱桃助力乡村经济发展
- 【践行社会主义核心价值观——科普进校园】钟山区第八届青少年科技节系列竞赛活动拉开帷幕
- 每日信息:猫咪竞选官网在哪下载 最新官方下载安装地址
- 复仇奇兵好玩吗 复仇奇兵玩法简介_焦点关注
- 守塔不能停官网在哪下载 最新官方下载安装地址-环球观点
- 天天新消息丨珠海这条主干道,两座新天桥来了!
- 天天观点:鄂享黔景·畅游安顺 安顺市文化旅游推介会在武汉举行
- 机器剑齿虎大战什么时候出 公测上线时间预告 环球热文
- 《毕节日报》理论版文章征稿启事|焦点精选
- 每日聚焦:贵州主要城市天气预报
- 钟山区教育系统宣传思想工作会议召开
- 铁流股份: 铁流股份关于第五届董事会第八次会议决议公告 前沿热点
- 环球热头条丨*ST宏图:大展“宏图”终成空
- 歌尔股份紧盯的智能硬件,是一门怎样的生意?
- V观财报|信德新材拟10转5派10元 深交所:分红转增与业绩匹配? 当前视点
- 焦点速读:美国近期频现由误会引发的枪击案 专家批政客对枪支暴力漠不关心
- 遭周杰伦起诉不正当竞争,网易游戏遇到爆款“瓶颈” 快播
- 降本措施难复制?海底捞省出来的利润增长能否持续?
- 下周将有5只新股网申,经营独立性、盈利能力需重点关注-全球新资讯
- 爱康科技:常务副总裁朱治国因个人原因辞职
- 当前快看:一季度我国城镇新增就业297万人 就业局势平稳
- 藕变绿了还能吃吗(藕变绿了还能吃吗有毒吗)|天天视点
- 世界播报:“冤枉女孩偷文具”为何犯了众怒?丨时评
- 美国上周末多地枪声不断 多人死伤 世界最新
- 每日时讯!古城又一健康养老综合体,正式开放!
- 大国基理 | 重庆璧山:党建统领小区治理 提升居民幸福感-资讯
- 美国监听丑闻继续发酵 韩国最大在野党呼吁向美方强烈抗议
- 美媒:美军陷征兵危机 民众信任度骤降
- 【世界速看料】中国星辰|格物致知 叩问苍穹
- 临泽:30万亩制种玉米陆续开始播种-焦点速讯
- 植树添新绿 不负春光正当时-全球讯息
- 回音壁|网友举报车辆违法行为,天祝公安交警:立即安排查处 全球热消息
- (凝神谋发展 实干兴陇原——“三抓三促”行动进行时)以务实举措推动“三抓三促”行动落实见效-天天热门
- 环球热消息:陇西县卫生健康系统2023年度引进急需紧缺人才面试考核工作的公告
- 玩家自制《血源》主题国际象棋:教会VS猎人|全球关注
- 【三抓三促•主动创稳】凉州公安交警深入辖区运输企业开展交通安全检查-环球观焦点
- 热点在线丨传闻:《塞尔达传说:王国之泪》将于4月26日公布演示
- 第二届年度最美书店揭晓 浙江两家上榜_环球新资讯
- 陇西县人民检察院公开听证公告-每日观察
- 网约车司机为挣30元车费,被平台封杀|头条
- 物产中大在杭州投资新设能源公司,注册资本5000万元
- 环球即时看!部分游客出现胃肠道症状到医院就诊,云南景洪通报:患者病情稳定,无重症,已成立工作组
财经
热门排行
- 物产中大在杭州投资新设能源公司,注册资本5000万元
- 网约车司机为挣30元车费,被平台封杀|头条
- 环球即时看!部分游客出现胃肠道症状到医院就诊,云南景洪通报:患者病情稳定,无重症,已成立工作组
- “大美致简 非凡至远” 2023华硕春季新品发布会多款重磅新品再树行业标杆
- 一文读懂华硕轻薄本2023新品发布会 定位精准 全场景覆盖 世界热讯
- 世界今亮点!致简自然非凡 华硕布局创新科技引领行业发展
- 每日动态!《死亡岛2》帧数测试 4K比较吃配置
- 铁路部门加大五一运力投放 增开旅客列车1500多列|世界球精选
- 月球上有6种地球上没有的新矿物
- 布里奇斯:过去几场比赛我让球队失望了 变得更好是最重要的事情
新闻放送
- 郝伟人呢??山东泰山主帅郝伟再次缺席赛前发布会...
- 3分钟2球助津门虎逆转取胜,贝里奇当选中超第2轮最佳球员
- 实时:武汉记者:去年徐皓阳租借效力三镇时,斯坦丘最喜欢跟他一起搭档
- 足球报:武汉三镇前两轮26次射门只进1球 国内球员需挺身而出 世界百事通
- 看热讯:阿斯:特尔施特根有望冲击欧洲五大联赛历史上单赛季最少丢球纪录
- 天天快看点丨是否会让追梦一直打替补?科尔笑答:为啥告诉你 我们关系很铁?
- 为什么刷抖音上瘾?飞书CEO:上滑操作是伟大发明_当前热点
- 【独家】中国探月工程总设计师:2030年前中国人肯定会登上月球
- 全球快资讯丨深圳龙岗街道:首创智慧街区管理系统,探索基层城市管理新路径
- 传《装甲核心6》将在2023年8月25日发售|今日热讯
- 天天通讯!广州南沙“交地即开工”6.0政策宣贯会召开 推动项目建设大提速
- 观点:广州户外运动节攀岩公开赛收官 多所学校组队参赛成为主力军
- 上华智能智造产业园整合睿住系资源,实现价值最大化 天天快报
- 环球热文:美团2023五一假期消费趋势洞察:味蕾游、沉浸式、住玩一体引领新风潮
- 名创优品亮相广交会第二期 获广州市政府高度关注
- “伊”地寻梦,手可摘星,伊利在火星小镇打造“星空驿站”观星台
- 天天快资讯:广交会二期首日进馆超20万人次 展位数量超2.4万个
- 世界简讯:百农8399:抗低温冷雨长势良好
- 魔鬼减肥法五天瘦30斤_魔鬼减肥法五天瘦十斤、一个月瘦20斤明星减肥靠谱吗-热头条
- 蔚蓝锂芯:一季度净亏损1254.96万元,锂电池业务需求下滑 今日要闻
- 环球热讯:联创电子:合营公司拟10亿元投资实施新型智能家电显示集成产品项目
- 汽车新消息:梅赛德斯-奔驰EQC最终预告片 9月4号发布 当前热点
- 今天最新消息 中国A股连日下跌 沪指失守3300点
- 酒店加盟骗局_酒店加盟|环球快报
- 照相感光度iso调多少合适简介