CocosCreator更换龙骨插槽图片详解

已于 2024-03-06 15:10:57 修改
阅读量426 收藏 4
点赞数 7
分类专栏： cocos cocosCreator dragon 文章标签： cocos2d 动画 骨骼绑定 游戏程序 spine 游戏美术 技术美术
于 2024-03-06 15:00:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43903300/article/details/136505193
版权
cocos 同时被 3 个专栏收录
1 篇文章 0 订阅
订阅专栏
cocosCreator
1 篇文章 0 订阅
订阅专栏
dragon
1 篇文章 0 订阅
订阅专栏
本文介绍了如何通过编程在龙骨模型的ske文件中修改插槽图片，无需美术重新制作，实现动态更换女衣服图片并控制插槽可见性，简化工作流程。
摘要由CSDN通过智能技术生成

目录

龙骨插槽换装

简介

在工作中有时候要实现一些对龙骨的图片改变，但又不好麻烦美术同学重新做一个骨骼动作，于是就可以让美术动作将图片放到插槽里面，用程序与代码来改变需要展示的图片。

下面是我准备的龙骨模型
在这里插入图片描述

关于龙骨ske文件

我们将nv_ske这个文件在vsc上显示可以知道
在这里插入图片描述这是打开后的ske文件

在这里面，”slot“属性下面的就是我们的插槽，我们只能改这里面的其他的我们改不了，也无权修改，而里面的name属性就是插槽名，也就是改变插槽图片所要用到的东西。

继续通过插槽的名字往下搜索 我们可以找到 相对应得插槽里面图片数据 ”skin“
在这里插入图片描述在这里我们可以看到该插槽有三个图片(女衣服 1，2，3)

接下来就开始更换图片啦

在这里插入图片描述

在这直接获取龙骨组件，通过调用它自带的方法进行插槽图片修改 设置为0就是显示第一张图片（女衣服1）
在这里插入图片描述
没换之前
在这里插入图片描述
换之后

在这里插入图片描述再切换到第二张
在这里插入图片描述
再切换到第三张
在这里插入图片描述

在这里插入图片描述
同时如果要隐藏该插槽，就填-1就好啦

于是换骨骼的工作就完美结束啦，又不用给美术大大增加工作了，真好

阳光小菜鸡
关注
  • 7
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
cocos creator摇杆模拟以及龙骨动画用法实现
01-08
在本文中，我们将深入探讨如何在Cocos Creator v2.0.5环境下使用JavaScript实现屏幕虚拟摇杆，并结合DragonBones动画库实现角色动作。Cocos Creator是一款强大的2D游戏开发工具，它提供了完整的图形编辑器、物理引擎...
cocos creator动态加载DragonBones
a641832648的博客
01-10 9381
根据creator的龙骨组件来看的话添加一个龙骨的话需要设置五个地方，分别是DragonAsset（龙骨的配置json文件），DragonAtlas（龙骨的纹理json资源），Armature（Armature名称），Animation（Animation名称），playTimes（动画的循环次数）。 如果只是播放一个单一的龙骨的话直接把资源拖到相应的位置，设置一下动画然后就ok了，但是
Cocos Creator 龙骨DragonBones(导出骨骼/使用骨骼/局部换装/全局换装)
LANGZI7758521的专栏
07-20 2846
https://www.cnblogs.com/gamedaybyday/p/13021916.html Cocos Creator 龙骨DragonBones(导出骨骼/使用骨骼/局部换装/全局换装) 版本2.4.4 参考： cocos教程：DragonBones骨骼动画资源 导出龙骨动画 下载dragonbones软件，双击软件首页下方影魔的动画，可以打开影魔的示例。 选择文件-导出 选择二进制导出 将导出文件放到cocos资源目录下 使用龙骨动
Cocos Creator TS加载龙骨
LANGZI7758521的专栏
07-20 384
const {ccclass, property} = cc._decorator; @ccclass export default class TSdragonbones extends cc.Component { @property(dragonBones.ArmatureDisplay) dragonBone:dragonBones.ArmatureDisplay = null; dynamicCreate () { if (this.dragonB..
【CocosCreator入门】CocosCreator组件 | DragonBones（骨骼动画）组件
看世界，也找自己
04-10 2219
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中DragonBones，它可以帮助您创建出色的2D骨骼动画。在本文中，我们将探讨CocosCreator引擎的DragonBones组件，以及如何使用它来创建精美的动画。
【CocosCreator入门】CocosCreator组件 | Spine（骨骼动画）组件
看世界，也找自己
04-07 9611
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中Spine 是一个基于骨骼系统的 2D 动画工具，它可以让开发者通过对骨架和关键帧的调整来制作出更加自然、流畅的动画效果。Cocos Creator 支持使用 Spine 的 JSON 格式文件导入到项目中，并且提供了 Spine 组件来方便地加载和控制 Spine 动画。
cocoscreator实现spine动画切换
weixin_44799450的博客
12-28 1262
/addAnimation方法可以在当前动画的基础上添加新的动画。它接受四个参数：轨道索引、动画名称、循环方式和延迟时间。方法用于设置两个动画之间的混合过渡时间。它有三个参数，分别是起始动画名称、目标动画名称和混合时间（以秒为单位）。之所以轨道索引设为了1，是因为在同一个轨道切换时会有时卡顿，所以解决办法就是换一个轨道。在战斗中经常遇到转换动画状态的操作，比如从静止转换到攻击，敌人消失后再转换到静止。使用setAnimation（轨道索引、动画名称、循环方式）先动态加载spine动画。
laya龙骨换装_分享：Dragonbones/Spine的换肤操作
weixin_35261213的博客
01-17 2494
目前LayaAir下支持龙骨的局部换肤(根据插槽索引换肤、根据插槽name换肤、纹理换肤、网格换肤)、全局换肤需注意：1、Dragonbones不支持全局换肤，Spine支持全局换肤2、使用到IK和网格的动画需要开启WebGL，否则可能会出现皮肤丢失的情况3、Dragonbones与spine的接口是一样的，除第一种情况外，下面的示例通用于Dragonbones和spine下面我们就一个个来看下如...
龙骨动画JS播放示例代码
06-14
Cocos Creator提供了直观的编辑器界面，使开发者能够方便地导入和管理龙骨动画资源。 4. **H5技术**：HTML5是现代Web开发的基础，它的Canvas和WebGL元素为动态图形和动画提供了舞台。龙骨动画与H5的结合，使得...
MyDragonBones.zip
07-20
《Cocos Creator 2.4.5 龙骨（DragonBones）在游戏开发中的应用及局部与全局换装实现》 Cocos Creator是一款强大的2D游戏开发框架，其最新版本2.4.5提供了丰富的功能和优化，极大地提升了开发效率。在这一版本中，...
lua_cocos2dx_dragonbones_auto.rar
12-09
cocos2dx-lua Dragonbones龙骨C++方法lua-binding文件，lua_cocos2dx_dragonbones_auto.hpp,lua_cocos2dx_dragonbones_auto.cpp
龙骨动画demo： blue_guy
11-18
DragonBones是白鹭时代推出的面向设计师的2D游戏动画和富媒体内容创作平台，他提供了2D骨骼动画解决方案和动态漫画解决方案。包含了集成式创作工具DragonBonesPro，Flash动画导出插件，以及支持各大平台主流引擎的...
laya龙骨换装_DragonBones 5.3 新特性详解
weixin_35545345的博客
01-17 667
本帖最后由 superlancelot 于 2017-7-12 13:40 编辑DragonBones 5.3新特性详解本次DragonBones5.3 相对上一个版本5.2提供了很多新增功能和用户体验提升。具体包括：1. 新增序列帧元件类型，更方便更直观的制作序列帧动画。2. 支持导出二进制格式，H5运行库性能大幅提升。3. 为元件增加画布属性，可以设置元件的边框和...
DragonBones+Unity 实现换装
kiss_the_rian的博客
07-18 1499
学习自 https://www.zhihu.com/collection/691395675 https://gitee.com/afrx_s_projz/change_skin_demo.dragonbones 素材来自 https://www.bilibili.com/video/BV1Y7411K7y6 龙骨换装的核心函数是 UnityFactory.factory.ReplaceSkin( player.GetComponentInChildren<UnityArma
CocosCreator 龙骨换装
SlowFeather's blog
07-18 1733
龙骨换装简介简单切换插槽图片代码 简介 这里实现简单的插槽切换图片功能，后续会增加动态加载添加插槽图片等等 简单切换插槽图片 插槽内有多张图片时使用此方法切换图片 代码 //拿到动画脚本 this.animation = this.mecha.getComponent(dragonBones.ArmatureDisplay); //拿到当前动画的armature this.armature = this.animation.armature(); //切换名字为hair1插槽下面的图片 this.armat
【无标题】Cocos Creator 2.4骨骼局部换色（插槽）
qq_29710617的博客
12-31 2288
// spine 插槽换色 // this.spine type sp.Skeleton let slot = this.spine.findSlot("Lower_body") as sp.spine.Slot; // rgb 0~1 slot.color = new sp.spine.Color(1, 0, 0, 1); // 龙骨 插槽换色 // this.dragon type dragonBones.ArmatureDisplay let slot2 = this.drago..
[CocosCreator]使用龙骨DragonBone
iningwei的博客
07-05 8283
笔者使用CocosCreator版本为v2.0.9,导出的龙骨资源使用的是5.0选项。 1,获得当前armatureDisplay，和当前amature this.armatureDisplay = this.testWarlock.getComponent(dragonBones.ArmatureDisplay); this.armature = this.armatureDisplay.arm...
cocos creator 本地动态加载龙骨资源
erweimac的博客
12-21 5439
// 远程加载 var animNode = new cc.Node(); animNode.name = 'animNode'; animNode.parent = cc.find('Canvas'); var dragonDisplay = animNode.addComponent(drago...
如何在QGC中接收和处理无人机上传的各种传感器数据（如GPS、IMU等）。
最新发布
不会编程的码农研究僧
07-12 623
连接无人机：确保 QGC 成功连接到无人机。接收 MAVLink 消息：通过信号与槽机制接收 MAVLink 消息。解析 MAVLink 消息：使用 MAVLink 提供的解析函数提取传感器数据。显示和处理数据：将解析后的数据显示在用户界面上，并进行必要的处理。通过这些步骤，QGC 能够实时接收和显示无人机的传感器数据，为用户提供全面的飞行状态信息。
cocos creator卸载龙骨
06-02
要在 Cocos Creator 中卸载龙骨，可以按照以下步骤进行： 1. 打开场景编辑器，找到使用了龙骨的节点。 2. 点击该节点，在属性检查器中找到组件列表，找到龙骨组件。 3. 点击删除按钮，将该组件从节点中删除。 4. 如果该节点是通过预制体创建的，需要选择“应用到预制体”选项，使更改应用到所有使用该预制体的节点。 这样就可以将龙骨从 Cocos Creator 中卸载了。如果希望完全删除龙骨相关文件，可以手动删除对应的资源文件和代码文件。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值