CocosCreator -- 使用Texture动态替换SpriteFrame

最新推荐文章于 2024-06-26 16:25:59 发布
最新推荐文章于 2024-06-26 16:25:59 发布
阅读量1.7w 收藏 6
点赞数 7
分类专栏： CocosCreator 文章标签： CocosCreator 游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37490862/article/details/80939509
版权

版本：1.9.1

情景：从服务器下载一个Texture替换当前显示

出现的问题：如果根据SpriteFrame的结构

sprite.spriteFrame._texture = texture;

使用这种方式可以替换成功，但是所有使用这个SpriteFrame的Sprite都会被替换纹理，所以证明Creator中所有使用同一张图片的SpriteFrame都是引用，改变其中的_texture属性会改变所有引用

正确方式：

sprite.spriteFrame = new cc.SpriteFrame(texture);

使用texture创建一个新的SpriteFrame替换当前的SpriteFrame

Wzzz丨
关注
  • 7
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
texpoly:使用 cocos2d-x 和 box2d 的物理纹理多边形示例
06-29
Texpoly 是关于使用 cocos2d-x 和 box2d 进行纹理和多边形三角剖分的简短教程的 cocos2d-x 项目示例部分。 该教程可，视频演示可。 要求 cocos2d-x 2.2.1 安装使用 克隆 $YOUR_COCOS2D_ROOT/projects 中的 git 存储...
cocos2d-js-lite-game:如何创建 cocos2d-js (cocos2d-html5) 到智能手机游戏应用程序。适用于 iphone 和 android。如何使用 cocos2d-js lite 版本制作和使用智能手机应用程序游戏
06-18
本指南适用于 Cocos2d-JS 单文件引擎的使用，可从检索。 您可能已经下载了以下三个版本之一： 完整版：完整版引擎包含 Cocos2d-JS 的所有功能和所有扩展，它可以帮助您探索其巨大的可能性。 可以参考的功能列表 ...
CocosCreator3.8研究笔记（十）CocosCreator 图像资源的理解
w风雨无阻w的专栏
09-08 3364
精灵帧资源，用于 2D/UI 制作。Cocos Creator 的 SpriteFrame 管理图像的裁剪和九宫格信息，默认持有一个与其同级的 Texture2D 资源引用，是 UI 渲染基础图形的容器。目录下，除了正常生成图集资源以外，也会同时生成原始 spriteFrame 生成的 texture 以及 image 资源，如果对图集的资源有明确的使用范围。当渲染一张贴图的时候，动态合图系统会自动检测这张贴图是否已经被合并到了图集中，如果没有，并且此贴图又符合动态合图的条件，就会将此贴图合并到图集中。
cocos creator 做一个图片帧动画并使其循环播放
boyxgb的专栏
01-14 822
注意如果有多个动画需要选择对应的动画文件，如下图，另外这里我设置也时间，然后将图片放到对应的帧上，这里每隔0.05s放一张。这个时候直接运行软件看不到任何动画，那是因为动画文件每播放，我们可以设置动画组件默认打开就播放如下图。然后我们就可以给精灵节点添加我们的自定义组件brid.ts了，具体操作如下。需要注意的时编辑完动画之后我们需要退出编辑状态，点一下如下图的按钮退出。接着就可以拉入图片进来这里了，也可以一个一个拉到合适的位置然后。然后给动画文件起个合适得名字，如：brid，如下图。
cocos2d js 利用texture packer生成sprite
weixin_34195142的博客
12-31 69
cc.spriteFrameCache.addSpriteFrames(res.winLose_plist,res.winLose_png); var frame = cc.spriteFrameCache.getSpriteFrame("win-lost-bei.png"); var backHighlightSprite = cc.Sprite.createWithSpriteFram...
cocos creater TS Sprite修改SpriteFrameRect沒立即有效
B153522278的专栏
10-10 402
cocos creater Sprite
cocos2d-x学习笔记-CCSprite(精灵)
Alex Zhou的程序世界
10-30 1772
精灵是游戏中十分重要的组成部分，随处可见，如：游戏背景、NPC、人物、道具等。在cocos2d-x引擎中，只要是用图片展示的，基本上需要使用精灵类。 1. 首先来了解一下跟精灵相关的几个类： (1) CCTexture2D 可以把它看成一个纹理，它是cocos2d-x渲染图形的重要参数，用来贴图，因为cocos2d-x使用opengl es绘制2d图形的，它的尺寸是2的n次方。一般通过以
cocos creator动态更换纹理
热门推荐
9527的专栏
12-15 1万+
有2种办法。 1 是预先准备好所有的纹理，然后放到编辑器中，绑定到对应的脚本。 替换的时候只需要将目标的spriteFrame=source.spriteFrame即可。把图片拖到编辑器中 创建一个数组,创建当前的要替换纹理索引 imgIdx : 1, sprArray :{ default:[], type:[cc.Sprite],
替换精灵的显示图片
bestpool的专栏
04-24 2311
//加载合成的图片 CCSpriteBatchNode *spriteBatch=CCSpriteBatchNode::batchNodeWithFile("********.png");  this->addChild(spriteBatch);  //加载plistCCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWith
COCOS2D-X中使用的图字文件
09-07
标题“COCOS2D-X中使用的图字文件”主要指的是一种特殊的资源类型，即预先把常用字符集转换为一个纹理（Texture）文件，并且伴随着一个Plist（Property List）配置文件。这种技术被称为纹理 atlasing 或者 texture ...
cocos2d-x中国象棋
07-16
开发者可能使用纹理（Texture）和精灵（Sprite）类来加载和显示图像，同时通过矩阵变换来实现棋子的平移、旋转等效果。 4. **棋局逻辑**：虽然AI未实现，但项目的代码中应包含了中国象棋的基本规则和移动逻辑。...
cocos creator 写的 捕鱼达人 源代码
06-26
│ creator.d.ts │ global.d.ts │ jsconfig.json │ list.txt │ project.json │ README.md │ template-banner.png │ template.json │ tsconfig.json │ ├─assets │ │ animate.meta │ │ audio.meta │ ...
CocosCreator 屏幕截图最终转为SpriteFrame
Ethan|实验室
01-25 4519
引用 论坛里CocosCreator 2.1.1上的一个实现 正文 在做项目优化时，发现一个子页面是以弹出窗口的形式展示，DrawCall逼近100，有点吃紧。如果能把周围背景关闭就减少了很多渲染量。尝试用截图的方式替换背景上所有的控件。 查方案是发现上面引用里的一个实现，可以达到效果，可是现在项目已经2.4.7了，历史悠久，即使是修改了shader，在android上面还是报错。之后查阅2.4.7的ExampleCases第7章，就是讲截图的。 通过总结为思维导图的分析，只讨论Native的部分。发现主要
Cocos Creator 动态改变sprite图片
weixin_33979745的博客
06-04 7444
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url = 'globalUI/video/gVideoPlayClick'; 　　　　var _this = this; cc.loader.loadRes(url,cc.SpriteFrame,function(err,spriteFrame) 　　　　{ 　 　　　　　　...
Texture2D变Sprite
海涛高软
09-23 771
Texture2D tt; tt= Resources.Load(url, typeof(Texture2D)) as Texture2D; Sprite mm= Sprite.Create(tt, new Rect(0, 0, tt.width, tt.height), new Vector2(0, 0)); pic.sprite = mm;备注： 通过Resource.load的方式加载的
cocos2D（四）---- CCSprite
weixin_33910460的博客
03-20 89
在介绍CCSprite之前，先要理解游戏开发中的一个核心概念：精灵。精灵也称为游戏对象，它能够用来表示游戏中的不论什么物体，比方敌人、子弹、甚至是一个背景图片、一段文字。CCSprite能够说是在cocos2d中最经常使用的一个类，能够称之为"精灵类"，它能够以图片的形式将精灵显示到屏幕上。 创建精灵 在谈怎么创建一个精灵之前，先了解下游戏开发中还有一个核心...
Cocos Creator 龙骨DragonBones(导出骨骼/使用骨骼/局部换装/全局换装)
LANGZI7758521的专栏
07-20 2836
https://www.cnblogs.com/gamedaybyday/p/13021916.html Cocos Creator 龙骨DragonBones(导出骨骼/使用骨骼/局部换装/全局换装) 版本2.4.4 参考： cocos教程：DragonBones骨骼动画资源 导出龙骨动画 下载dragonbones软件，双击软件首页下方影魔的动画，可以打开影魔的示例。 选择文件-导出 选择二进制导出 将导出文件放到cocos资源目录下 使用龙骨动
cocos creator cc.Texture2D,
lys_lingfeng的博客
05-28 2607
ccc 给FBX资源换 材质球。 1 可以获取到rescore 下的资源，建一个cc.SpriteFrame，代码如下。 var childs = this.RootNodeScene.children; var body = childs[0]; var bodys = body._components; var body1 = bodys[0]; //找到 body 的渲染层级 v...
unity VR Interaction Framework 创建新手势
最新发布
qq_37524903的博客
06-26 509
关于VR Interaction Framework手势很简单，虽然官方提供了很多手势，但如果我们有新的手势，需要自己创建。好记性不如烂笔头！
cocos creator3.x 中如何使用SpriteFrameCache
06-10
在Cocos Creator 3.x中，可以使用SpriteFrameCache来预加载纹理资源，并在游戏中直接使用缓存中的SpriteFrame来更新纹理。使用SpriteFrameCache的步骤如下： 1. 在游戏启动时，预加载纹理资源到SpriteFrameCache中。可以使用cc.assetManager.loadBundle或cc.resources.load等API来加载纹理资源，然后在加载完成后，使用cc.SpriteFrame.createWithTexture将纹理转换成SpriteFrame，并添加到SpriteFrameCache中。 示例代码如下： ``` cc.assetManager.loadBundle('textures', function (err, bundle) { bundle.load('texture1', cc.Texture2D, function (err, texture) { var spriteFrame = cc.SpriteFrame.createWithTexture(texture); cc.spriteFrameCache.addSpriteFrame(spriteFrame, 'texture1'); }); }); ``` 2. 在游戏中，直接使用SpriteFrameCache中的SpriteFrame来更新纹理。可以使用cc.Sprite组件的spriteFrame属性来设置SpriteFrame，从而更新纹理。 示例代码如下： ``` var sprite = node.getComponent(cc.Sprite); var spriteFrame = cc.spriteFrameCache.getSpriteFrame('texture1'); sprite.spriteFrame = spriteFrame; ``` 需要注意的是，Cocos Creator 3.x中的cc.SpriteFrameCache与Cocos2d-x中的cc.SpriteFrameCache有所不同，Cocos Creator 3.x中的cc.SpriteFrameCache只能存储SpriteFrame，而不能存储纹理。因此，在调用cc.SpriteFrame.createWithTexture时，需要将纹理转换成SpriteFrame。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值