CocosCreator动态替换Spine皮肤

最新推荐文章于 2024-07-26 11:32:54 发布
最新推荐文章于 2024-07-26 11:32:54 发布
阅读量6.4k 收藏 8
点赞数
分类专栏： CreatorCocos 文章标签： CreatorCocos typescript node.js 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ajicom/article/details/121390651
版权

Spine皮肤系统

本案例使用的是Cococ2.x，3.x同理
在使用皮肤系统的情况下，我们可以实现同一套骨骼不同的材质
在这里插入图片描述在这里插入图片描述

以CocosCreator引擎为例，实现在游戏中皮肤的切换

案例_0 全局切换

在这里插入图片描述

Spine导出后，会在Cocos目录下生成一下问题（如果有多个皮肤，会生成多个不同的图集）

创建出一个空节点，在节点上添加sp.Skeleton组件
把**.atlas后缀的文件挂载到SkeletonData**上面
在这里插入图片描述
在这里插入图片描述
创建出一个脚本，选择一个节点进行挂载&

最低0.47元/天 解锁文章
YingEntropy
关注
专栏目录
Cocos Creator3.5.2使用Spine切换皮肤
tc654321的博客
11-15 734
3、然后获取当前spine中是否有皮肤数据，如果spine连皮肤数据都没有，接着写可能会error，这里的 skins[skin]，是判断皮肤列表中是否有需要更换的皮肤。2、因为spine往往意味着异步加载，换肤时也经常出现频繁异步的情况，所以下一步我们要可以判断当前spine组件里是否已经加载好了spine文件。换肤前隐藏好需要换肤的节点，避免穿帮；官网文档的换肤流程太简化，对于实际使用来说会有各种各样的问题。1、首先获取对应的spine组件。这里的skin自然是外部传入的需要换肤的皮肤名。
Cocos2d-x 3.0 开发（八）骨骼动画的动态换肤
热门推荐
阿修罗道
10-25 2万+
游戏中人物的状态会发生改变，而这种改变通常要通过局部的变化来表现出来。这些变化的实现就要通过动态换肤来实现。在接下来的这个Demo中，点击屏幕会动态更换小人手中的武器。先上图.......
Spine_Skins_皮肤切换
10-13
Spine_Skins_皮肤切换
cocoscreator 中 spine局部换皮
u012338130的专栏
12-19 4488
1 多attachment切换 let goblingirl = this.spine2.findSlot("left-arm"); let attachment = goblingirl.getAttachment(); let gun = this.spine.findSlot('gun'); gun.setAttachment(attachment); 优点：web、native等多端统一代码。缺点：随着可换装的部位越多、同一个部位皮肤越多，动画文件变得越来越大，由于spine动画文
cocos creator 3学习记录01——如何替换图片
最新发布
SilenceJude的博客
07-26 509
指的是 loader.loaderRes、loader.loadResDir、loader.release等loader开头的API，并不是 resources.load，因此无需担心。3、对于图片类型，直接访问路径所对应的图片地址，得到的图片类型会是ImageAsset，此时必须指定具体的子资源。2、调用resources.load API，路径是默认在resources文件夹下，所以直接写后面的路径即可。不过吧，这种方法我并不推荐，因为需要提前声明好属性，甚至需要提前关联好。
Spine在cocos2d-x中进行局部换肤
hujieee的专栏
04-11 4397
原文来自 [url=http://www.cnblogs.com/jiushichenan/p/4379990.html][/url] 最近发现越来越多的游戏热衷用spine来做动画，做出来的效果真是生动美妙啊。我也来研究一下。期间就遇到了两个问题，一个是局部换肤的问题，一个是碰撞的时候。我先来解决局部换肤的问题。 这是测试效果图： [img=http://img.b
cocoscreator中spine局部换皮的探索
随风的博客
08-03 8019
1、需求情况 书之国中需要一个人物捏脸系统，要求可以让用户自由选择身体不同部位的形象，比如头发、眼睛、眉毛、上衣、裤子等。 2、方案探索 2.1 多attachment切换 由于spine动画的结构为bone→slot→attachment(即附件、图片)，我们可以在动画文件中针对同一个部位（同一个slot）下做多个attachment，然后根据用户的选择进行切换attachment就行。 优点：web、native等多端统一代码。 缺点：随着可换装的部位越多、同一个部位皮肤越多，动画文件变得越来越大，由于
cocoscreator实现spine用外部图片进行换皮
07-11 3038
我希望可以做到外部图片替换spine一个部位上面的图片 网上有看到2dx的做法是新建sp.spine.RegionAttachment，这个时候问题就来了: 如何通过我们的Texture2D来设置sp.spine.TextureAtlasRegion和sp.spine.TextureAtlasPage 自己写了个实现函数，大家可以参考下 void SkeletonRenderer::createRegion(const std::string& slotName,cocos2d::middl
cocosCreator2.x版本中在编辑器里实时显示spine预览
05-28
Cocos Creator 2.x 版本为游戏开发者提供了一个强大且直观的开发环境，其中包含了对Spine动画的支持。Spine是一种流行的2D骨骼动画工具，它允许开发者创建动态的角色和物体动画，而无需大量的美术资源。在Cocos ...
关于CocosCreator里面导入spine的使用流程
⎝⎝⎝MaximilianLiu⎠⎠⎠的博客
02-23 1万+
在CocosCreator中运行效果如下图所示:准备流程:spine中信息列表:导出文件:拖入对应骨骼,然后添加脚本:脚本如下:cc.Class({ extends: cc.Component, editor: { requireComponent: sp.Skeleton }, properties: { mixTime: 0.2...
COCOS2D-X 换肤
xfnjlove的专栏
03-06 964
一、我们直接在COCOS2D-X自带的HelloCpp的工程中添加代码即可.我们在初始化中添加如下代码: [cpp]   CCSize szWin = CCDirector::sharedDirector()->getVisibleSize();   CCArmatureDataManager::sharedArmatureDataManager()->addArmatureFileInfo
在unity中动态改变spine动画皮肤
CrazyApp的博客
03-05 4845
spine动画中有两个皮肤。实现功能：在unity中场景初始化的时候随机播放该spine动画下的其中一个皮肤。也就是动态改变spine动画皮肤。 脚本如下： public SkeletonAnimation skel_lightL; void Start(){ int skinID = UnityEngine.Random.Range(0, 2); if (skinID == 0) { ...
cocos creator 实现spine局部换装
aichikaochang的专栏
04-13 540
3 c++ Native层修改源码。1 使用3.7.4版本。
Cocos实例6：Spine动画换装解决方案
EricShx
04-09 1707
spine换装解决方案
Spine使用外部图片动画换肤
centor的博客
07-08 1453
#include "GCSpine.h" #include "SkeletonBatch.h" #include "SkeletonTwoColorBatch.h" #include "extension.h" GCSpine::GCSpine() :SkeletonAnimation() { } GCSpine * GCSpine::create(const std::string& skeletonDataFile, const std::string& atlasFile) {
cocos2dx 3.x(动态改变精灵的背景图片)
weixin_34128534的博客
11-07 980
    //更换精灵CCSprite的图片有两种方式。          //直接通过图片更换          //使用setTexture(CCTexture2D*)函数，可以重新设置精灵类的纹理图片。          //     auto bg = Sprite::create();     Texture2D* texture = Director::getInstance()-&gt...
cocos creator ts实现Spine龙骨动画合批
06-02
在使用 TypeScript 实现 Spine 骨骼动画合批时，可以使用 Cocos Creator 提供的 cc.Skeleton 和 cc.RenderComponent 组件。具体实现步骤如下： 1. 获取骨骼动画节点和组件 ```typescript let skeletonNode = this.node.getChildByName("SpineNode"); let skeletonComp = skeletonNode.getComponent(cc.Skeleton); ``` 2. 获取骨骼动画的渲染组件 ```typescript let renderComp = skeletonNode.getComponent(cc.RenderComponent); ``` 3. 启用渲染组件的合批功能 ```typescript renderComp.enableMerge = true; ``` 4. 设置渲染组件的渲染顺序 ```typescript renderComp.orderInLayer = 0; ``` 5. 在需要合批的骨骼动画节点上也需要将渲染组件的合批功能和渲染顺序设置为相同的值。 重复以上步骤，对所有需要合批的骨骼动画节点进行操作即可实现合批。需要注意的是，所有需要合批的骨骼动画节点和渲染组件的合批功能和渲染顺序必须相同才能进行合批。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值