Spine深入学习 —— 换装

Spine深入学习————换装

数据对象和实例对象的关系与区别

数据对象是无状态的,可在任意数量的骨架实例间共用。有对应实例数据的数据对象类名称以“Data”结尾,没有对应实例数据的数据对象则没有后缀,如附件、皮肤及动画。

实例对象有许多属性与数据对象相同。数据对象中的属性代表装配姿势,通常不会改动。实例对象中的相同属性表示播放动画时该实例的当前姿势。每个实例对象保有一个其数据对象参考,用于将实例对象重置回装配姿势。

例如,SkeletonData是数据对象,而Skeleton是实例对象。同样的,Bone实例对象会有对应的BoneData,Slot实例对象会有对应的SlotData等。

整体渲染流程

在这里插入图片描述
在这里插入图片描述

思路

参考:https://segmentfault.com/a/1190000040116516?utm_source=sf-similar-article

每次插槽渲染的时候,都会根据当前slot的attachmentName,去当前skin中获取到对应的附件。

skin是附件查询的映射表,因此只需要到当前的skin中,,去更新对应的附件,即可以实现换装功能

下图来自厘米秀的思路

在这里插入图片描述

slot1来源于slotData1,初始化的时候会读取slotData1中的attachmentName,去skin.attachments中查找对应的附件实例,这里每一项的index都是一一对应的,skin.attachments数组中的第一项对应slotData1,检索到对应的附件实例后赋值给对应的slot实例,等待被渲染层渲染。

需要更新的是slot中的对应附件,而附件检索来自于skin,因此我们实际上需要更新的是skin上对应的附件查询表,将对应层级的附件实例更新为新的装扮生成的实例

如何生成对应的消费素材资源,生成对应的附件实例,skeletonJson是spine核心库定义的用于解析JSON的解析器,生成对应的skeletonData,这一过程中就包括构造skin。

那么思路就可以是定义loader加载素材资源,处理成对应的资源格式,经过textureAtlas的处理,构造出AtlasAttachmentLoader给skeletonJson调用,有了loader,提供json,这时候skeletonJson便可以解析后构造出对应的附件。

那么流程如下:

  1. 自定义loader加载素材资源,处理成对应的资源格式给下层消费;
  2. 构造AtlasAttachmentLoader给skeletonJson调用;
  3. 扩展skeletonJson底层原型链方法,生成附件实例,将新的附件实例更新到当前skin对应的层级位置上。

局部换装

局部换装——附件换装

spine附件换装则是指在spine工程内针对某一部位插槽SlotA创建皮肤(记为SkinPart)并记录皮肤占位符,运行时通过查询局部皮肤SkinPart中的附件(记为attachmentPart),使用局部皮肤对应位置的附件attachmentPart替换全身皮肤中SlotA下的附件(attachmentFull)

/*** @param skinName 要替换的部件皮肤名称* @param slotName 要替换的部件的插槽名称* @param targetAttaName  Spine中皮肤占位符的名字*/
changeSlot(skinName: string, slotName: string, targetAttaName: string) {//查找局部皮肤let skeletonData = this.role.skeletonData.getRuntimeData();let targetSkin: sp.spine.Skin = skeletonData.findSkin(skinName);//查找局部皮肤下的插槽与附件let targetSkinSlotIndex = skeletonData.findSlotIndex(slotName);let atta = targetSkin.getAttachment(targetSkinSlotIndex, targetAttaName);//查找全身皮肤下的插槽let curSlot = this.role.findSlot(slotName);//替换全身皮肤插槽的附件curSlot && curSlot.setAttachment(atta);
}
局部换装——外部贴图

局部换装——外部贴图,顾名思义,就是不使用spine导出图集中贴图,而是使用cocos creator的texture资源进行局部换装。当前一个部位使用的图片和将要换上去的图片都没有蒙皮变形,或者两张图片可以使用同一个蒙皮,就可以直接使用外部图片进行换装。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/184228.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python-GC机制、装饰器、生成器、迭代器、三元表达式、列表生成式、生成器表达式、函数递归、面向对象、

1 基础知识 1.1 GC机制 Python的垃圾回收,其实高级的语言都有自己的垃圾回收机制简称GC, python当中主要通过三种方式解决垃圾回收的方式,引用计数、标记清除、分代回收。引用计数:如果有新的引用指向对象,对象引用计…

产品运营常用的ChatGPT通用提示词模板

产品定位和规划:请帮助我明确产品的定位和规划,包括目标市场、用户需求、竞争对手等方面的内容,以便我能够更好地制定产品运营策略。 产品设计和开发:请帮助我进行产品设计和开发,包括功能设计、界面设计、用户体验等…

Nodejs 第二十章(fs 下)

概述 在 Node.js 中,fs 模块是文件系统模块(File System module)的缩写,它提供了与文件系统进行交互的各种功能。通过 fs 模块,你可以执行诸如读取文件、写入文件、更改文件权限、创建目录等操作,Node.js …

壹财基金杨振骏:资本如何做好Web3布局?

Web3行业是革命性的时代风口,目前全球各个发达国家都在争先抢占Web3的主导地位。2023年,香港特区政府大力支持Web3行业的政策落地,缔造了良好的发展环境,鼓励有意布局Web3行业的机构和创业者积极参与。 然而,Web3行业…

ply前端

ply 是 eBPF 的 front-end 前端工具之一,专为 embedded Linux systems 开发,采用 C 语言编写,只需 libc 和内核支持 BPF 就可以运行,不需要外部 kernel 模块,不需要 LLVM,不需要 python。 ply 由瑞典工程师…

【数据结构】——排序

🎃个人专栏: 🐬 算法设计与分析:算法设计与分析_IT闫的博客-CSDN博客 🐳Java基础:Java基础_IT闫的博客-CSDN博客 🐋c语言:c语言_IT闫的博客-CSDN博客 🐟MySQL&#xff1a…

bugku题解记录2

文章目录 哥哥的秘密黄道十二官where is flag一段新闻 哥哥的秘密 给出了一个qq,那就去看看呗 hint里面说 收集空间信息——相册——收集微博信息——相册——解题——相册——提交flag 那看看空间先 盲文: hint:密码时地人 旗帜存在相册里…

【精选】ATKCK红队评估实战靶场一 超详细过程思路

一、环境搭建 1.红日靶场下载: 靶场下载地址: https://pan.baidu.com/s/1nC6V8e_EuKfaLb2IuEbe7w&shflsharepset 提取码:n1u22.内外网IP搭建 Windows 7 x64Windows Server 2008Win2K3 Metasploitablekali内网IP:192.168.52…

ROS学习笔记(一)- 创建工作空间和功能包

1.工作空间 工作空间(workspace)是一个存放工程开发相关文件的文件夹 • src :代码空间(Source Space) • build :编译空间(Build Space) • devel :开发空间(Development Spa…

【LeetCode:1657. 确定两个字符串是否接近 | 计数 + 阅读理解】

🚀 算法题 🚀 🌲 算法刷题专栏 | 面试必备算法 | 面试高频算法 🍀 🌲 越难的东西,越要努力坚持,因为它具有很高的价值,算法就是这样✨ 🌲 作者简介:硕风和炜,…

Ubuntu使用Nginx部署前端项目——记录

安装nginx 依次执行以下两条命令进行安装: sudo apt-get update sudo apt-get install nginx通过查看版本号查看是否安装成功: nginx -v补充卸载操作: sudo apt-get remove nginx nginx-common sudo apt-get purge nginx nginx-common su…

软件工程(十一)

逆向工程 定义 逆向工程 (reverse engineering):指在软件生存周期中,将软件的某种形式描述转换成更抽象形式的活动 重构 重构 (restructuring):指在同一抽象级别上转换系统的描述形式。如把C程序转换成Java程序 设计恢复 设…

[ffmpeg] aac 音频编码

aac 介绍 aac 简单说就是音频的一种压缩编码器,相同音质下压缩比 mp3好,目前比较常用。 aac 编码支持的格式 aac 支持的 sample_fmts: 8 aac 支持的 samplerates: 96000 88200 64000 48000 44100 32000 24000 22050 16000 12000 11025 8000 7350 通…

PC企业微信http协议逆向接口开发,发送大视频文件

产品说明 一、 hook版本:企业微信hook接口是指将企业微信的功能封装成dll,并提供简易的接口给程序调用。通过hook技术,可以在不修改企业微信客户端源代码的情况下,实现对企业微信客户端的功能进行扩展和定制化。企业微信hook接口…

js字符串分割方法

使用split()方法 这可能是最常见的字符串分割方法,它使用指定的分隔符将字符串拆分为子字符串,并返回一个数组。例如: const str Hello World; const arr str.split( );console.log(arr); // [Hello, World]使用substring()方法 此方法从…

Pycharm中使用matplotlib绘制动态图形

Pycharm中使用matplotlib绘制动态图形 最终效果 最近用pycharm学习D2L时发现官方在jupyter notebook交互式环境中能动态绘制图形,但是在pycharm脚本环境中只会在最终 plt.show() 后输出一张静态图像。于是有了下面这段自己折腾了一下午的代码,用来在pych…

unity学习笔记12

一、物理系统 如何让一个球体受到重力的影响? 只要给物体添加刚体组件(Rigidbody),就可以使其受到重力影响 1.刚体(Rigidbody): 刚体是一个组件,用于使游戏对象受到物理引擎的控制。…

Leetcode2336. 无限集中的最小数字

Every day a Leetcode 题目来源:2336. 无限集中的最小数字 解法1:集合 由于一开始类中包含所有正整数,并且操作要么添加任意的正整数,要么删除最小的正整数,因此我们可以期望,在任意时刻,存…

pta—说反话加强版

给定一句英语,要求你编写程序,将句中所有单词的顺序颠倒输出。 输入格式: 测试输入包含一个测试用例,在一行内给出总长度不超过500 000的字符串。字符串由若干单词和若干空格组成,其中单词是由英文字母(大小…

高速PCB设计中的射频分析与处理方法

射频(Radio Frequency,RF)电路在现代电子领域中扮演着至关重要的角色,涵盖了广泛的应用,从通信系统到雷达和射频识别(RFID)等。在高速PCB设计中,射频电路的分析和处理是一项具有挑战…