整理硬盘发现之前有个忘投的内容 2022/06/27写好的帖子

起因是我觉得小乔的战场皮肤很好看，就想提取出来当壁纸玩

提示:本次测试环境为三国杀十周年PC微端，网页版原理大致相同

先进行一次抓包，获取所需要的文件。

寻找动态贴图文件和骨骼(直接保存下来或者浏览器访问该路径去下载)


可以发现每个骨骼都对应着一张贴图

查看.sk文件特征

可以发现有LAYAANIMATION:1.6.0和DragonBone两个类似引擎名的字符串，以及下面的贴图名称。

通过粗略的搜索可以得知，这个文件是由一个叫LayAair的引擎和一个叫DragonBone的引擎打包而来的。


将两个引擎都下载下来进行探究。

按照LayaAir的官方文档说明可以得知.sk文件是LayAair通过将DragonBones制作出的骨骼动画进行转换后得来的。并且官方文档中也详细的说明了如何使用将.sk文件进行播放。
文档链接

打开Laya引擎并创建一个新项目

项目创建后会生成一些模板，我们按照自己的需求来修改即可。

打开index.html可得知我们需要修改的文件为LayaSample.js

对示例代码进行改写

//初始化舞台
Laya.init(1334,750); //界面大小
//创建一个Skeleton对象
var skeleton = new Laya.Skeleton();
//添加到舞台
Laya.stage.addChild(skeleton);
skeleton.pos(600,350); //动画所在位置
//通过加载直接创建动画
skeleton.load("../laya/assets/daiji2.sk");

动态动画加载成功。

我写js的次数不超过10次，引擎也是第一次用，之前写这篇帖子的时候都是一边百度一边写的，所以有很多地方都不完善，有能力的大佬可以自己改改捏

[培训]内核驱动高级班，冲击BAT一流互联网大厂工作，每周日13:00-18:00直播授课