截图!长按保存分享!Cocos Creator 全球简讯
2023-04-23 05:55:04 来源:程序员客栈
背景一种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 全球简讯
- 转载 | 基于词嵌入技术的心理学研究: 方法及应用|看热讯
- 没有卡乔丹还有鲍科比!这位46号秀能拯救快船吗? 全球观点
- 【手慢无】5999元抢超长续航苹果MacBook Air笔记本
- 最新快讯!毛利小五郎和妃英理爱情第几集_毛利小五郎和妃英理
- 未拆封的茅台酒箱,封箱胶带“出油”就是假酒?来听听行家怎么说
- 世界观速讯丨美国面签流程_美国面签
- 江苏省农村信用社联合社_江苏省农村信用社
- 今日热门!v盘搜百度网盘_v盘
- 论语学习心得 | 子罕第九(238)“唐棣之华,偏其反而。岂不尔思?室是远而。”子曰:“未之思也,夫何远之有?”
- 事关出行!
- 刘仪伟直播首秀来了,解锁川味带货直播新模式|环球滚动
- 775马力全新福特野马GT售价低于45K
- Bollinger显示了B1和B2的生产受限版本|环球播报
- 【使命召唤19】游戏卡顿,掉线,延迟高,掉帧,跳ping解决办法|当前热讯
- 04 【平泽元气】能通过的牌倍增! 麻将读鸣牌训练 序章2
- 逸豪新材:公司RTF铜箔、HVLP铜箔已向客户送样 目前正处于测试验证阶段 焦点资讯
- 2023年度家电惠民收旧焕新潮活动启幕
- 视障人士的“世界读书日” 励志成长分享会4月22日举行 当前最新
- 全球观热点:北京国际电影节开幕式上 王祖蓝的rap里有多少电影人?
- 神速!第200家AITO用户中心开业 余承东:让车主用车更方便、更放心
- 师胜杰徒弟都有谁-师胜杰徒弟
- 通讯!荆门教育资源公共服务平台下载-荆门教育资源公共服务平台
- 猫里奥2hd官网在哪下载 最新官方下载安装地址
- 怎样种好黄瓜 楼顶怎么种黄瓜_全球球精选
- 工厂门口适合种什么花风水好 工厂门口种什么花风水好
- 智能喷嘴系统使您可以编写文字和绘制与访客互动的图案_新要闻
- 焦点速递!竹篾的拼音是什么意思_竹篾的拼音
- 中国液体动力国家队全面进军商业航天
- 全球新动态:中国地调局海口中心联合多部门开展“世界地球日”主题宣传活动
- 英国政府将设立新的监管机构,对大型科技平台日益占据主导地位的局面进行监管_天天要闻
- 三亚举办世界地球日环保主题活动_每日头条
- 报道:赤道半径分别是多少_赤道半径是多少
- 【全球速看料】勤奋学习的故事_3个关于勤奋学习的小故事
- 喝绿茶的好处和坏处_应该怎样喝 全球今热点
- 焦点讯息:斯科奇_关于斯科奇简介
- 环球快播:qq三国神秘刺杀者
- 神马都是浮云下一句_神马都是浮云歌词|天天动态
- 北京试管婴儿医院-热讯
- 元旦见闻作文450字_元旦见闻作文
- 每日短讯:芦苇摇荡绿水悠,留鸟候鸟满洲头——闽江河口湿地:让生态“失地”重回湿地焕生机
- 科技部最新公示!福建4地入选|全球最资讯
- 大雁塔小学石桥华洲城分校举行春季田径运动会
- 干鱿鱼没泡发好怎么补救 泡发干鱿鱼的窍门 世界观察
- 怎样种好甘蔗 甘蔗怎么种植
- 怎样种好睡莲 如何种植睡莲
- [快讯]景顺长城中小创精选股票公布第一季报
- 精心建设“无废工厂” 华海药业坚持绿色发展守护“众生的地球”
- 31人大名单!足协不认定恒大足校为广州队青训,4名球员错过报名 天天快资讯
- 【全球热闻】无故旷工扣工资合理吗 无故旷工怎么扣工资
- 莎朗斯通的本能1无删减版在线观看 莎朗斯通本能未删减版|世界热讯
- “躺赚”!温网停赛,盈利超过年收入2倍
- 问需于企业 市委政法委组织召开“法治赋能·护航发展”企业家专题调研座谈会
- 今日热闻!守护地球妈妈,幼儿园宝宝有办法
- 全球今热点:在香港“邂逅”甘肃非遗
- 天天速递!巫山县气象局发布大风蓝色预警【Ⅳ级/一般】
- 烤鸡温度
- 全球百事通!改善你的企业:市场营销
- 聚焦医院、养老院等加大执法检查力度
- 京津冀13处牡丹展区邀您来打卡
- 心理顾问
- 第二届泉台两地职工法律实务研讨会成功举办|全球今亮点
- 考了CMA好找工作吗?为什么这么多人考?
- 快播:临高县气象台发布高温橙色预警【Ⅱ级/严重】
- 云南省孟连傣族拉祜族佤族自治县发布干旱橙色预警|最新快讯
- useradmin路由器登录密码_useradmin路由器登录
- “上海出品”电影《人生路不熟》4月28日上映 全球球精选
- 死亡细胞爬墙符文路线_死亡细胞爬墙符文
- 苹果驱动安装位置_苹果驱动安装|天天实时
- 大便后出血鲜红色不痛不痒怎么回事_大便流血量多、呈鲜红色、不痛怎么回事-天天快看
- 全球热资讯!云南保山:“三大经济”激发园区产业集群效应
- 即时看!积极制定预制菜生产标准 14个预制菜产业项目集中签约
- 天天热门:湖南城市学院:大手牵小手,茶香润心田
- 关注!这一全国性重要学术会议21日在石家庄召开 天天看热讯
- 贮的拼音_贮|世界速讯
- 环球快资讯:土蜂蜜结晶的好还是不结晶的好_土蜂蜜和普通蜂蜜的区别
- 常州2023社保缴费基数多少?最低基数计算一个月多少钱?
- 长沙社保最低缴费基数是多少?2023年长沙社保基数及比例一览 全球时讯
- 男子应聘运营被要求坚持洗凉水澡冬泳,当事人:很离谱,无法理解,最后直接离开了-速递
- 重点聚焦!凝聚两岸发展共识 共话产业协作机遇
- 难!米兰体育报:“国际米兰进入欧冠4强至少获得2..._天天快播
- 今日最新!米兰体育报:意甲再次成为欧洲的主人
- 环球关注:c语言下标要求数组或指针类型_在c语言中能逐个地使用下标变量也能一次引用整个数组
- 寥廓与辽阔有什么区别_寥廓
- 世界微头条丨“五一”假期 沈阳铁路加开多趟热门方向旅客列车
- 栗子剥皮技巧_煮栗子怎么好剥皮
- 环球观速讯丨李兆会和车晓为什么离婚_车晓为什么离婚
- 笑得很灿烂!李梦和张隆抵达美国,中国女篮4大巨星征战wnba 头条
- 勇士收获天大惊喜:两个“库里”拯救球队|环球热点评
- 无莫灰熊胜湖人扳1-1平!詹皇28+12浓眉13+8+5帽 天天热资讯
- qq炫舞怎么钓鱼_qq炫舞钓鱼方法_世界速看
- 青岛滨海学院bb平台登录入口 青岛滨海学院bb平台|世界播资讯
- 罚站算不算体罚_罚站算体罚-世界信息
- 晚上可以喝红糖水嘛_晚上喝红糖水好吗 今日热闻
- 餐饮行业经营范围大全_餐饮行业经营范围
- 天天热点!神探人物有哪些_神探苍英雄百科
- 梦见狗咬我手是什么意思_梦见狗咬到手的解释|重点聚焦
- 湖北省英山县发布暴雨黄色预警|环球热消息
- 中国地调局海口中心联合多部门开展“世界地球日”主题宣传活动-全球动态
- 环球要闻:清明节放假几天法定节假日_清明节法定节日介绍