cocos creator 3学习记录01——如何替换图片

一、动态加载本地图片

1、通过将图片关联到CCClass属性上来进行代码切换。

1、这种方法,需要提前在脚本文件中声明好代表图片的CCClass属性。

2、然后拖动图片资源,到脚本内声明好的属性上以进行关联。

3、然后通过程序,来进行切换展示。

不过吧,这种方法我并不推荐,因为需要提前声明好属性,甚至需要提前关联好。

如果图片数量多了,就挺难绷。

之所以记录一下,是因为之前啥都不会的时候,搜索来去都只有这一种方法,就挺无语。

2、使用resources.load来动态加载本地SpriteFrame 图片

1、使用resources.load API,需要先在assets目录下新建一个文件夹:resources

2、调用resources.load API,路径是默认在resources文件夹下,所以直接写后面的路径即可。

3、对于图片类型,直接访问路径所对应的图片地址,得到的图片类型会是ImageAsset,此时必须指定具体的子资源。这里我们希望得到的是精灵帧,因此加上/spriteFrame

4、测试效果。

官方文档里说的 注意:从 v2.4 开始,loader 等接口不再建议使用,请使用最新的 assetManager 相关接口,

指的是 loader.loaderRes、loader.loadResDir、loader.release等loader开头的API,并不是 resources.load,因此无需担心。

点击跳转官方文档

二、动态加载远程图片

1、使用assetManager.loadRemote API,加载带图片后缀名的远程url

需要注意的是,远程url需要带图片后缀名

2、若不带图片后缀的时候,则需要指定远程图片文件的类型。

相关推荐
椒哥1 小时前
一天被问几十次"允许",我统计了 517 次,然后写了个插件
前端·javascript·github
风骏时光牛马1 小时前
生成一个AI稳定性治理及疑难问题分析标题,只需要一个标题,不需要其他的任何文本。
前端
莫西干式秃头2 小时前
用 AI + threejs 写了个浏览器里的 3D 动作游戏《武来》:砍怪、放技能、开 SU7
前端·人工智能·three.js
kyriewen2 小时前
我测了 6 种防请求竞态的写法:只有 1 种真能打
前端·javascript·程序员
孟健2 小时前
用 WorkBuddy 做个人名片网页,挂上开源设计技能后效果完全不同了
前端·人工智能·ai编程
IT_陈寒2 小时前
SpringBoot自动配置的坑,这次终于爬出来了
前端·人工智能·后端
LuHang3 小时前
从天地图切换到高德地图:一次真实的底图迁移实战
前端·vue.js·cesium
用户360055579003 小时前
Kestrel_VLLM - 27 · 寄存器常驻与融合发射:两次「少发一次」
前端
前端小万3 小时前
用"道法术器"重构你和 AI 的协作方式
前端·人工智能·程序员
鶴哥只手遮天3 小时前
Angular 22 源码级深度解析-第 06 章 模板指令全解:`ɵɵelementStart`、`ɵɵproperty`、`ɵɵadvance` 与绑定指令
前端·开源·angular.js