Login
芋圆社区 > 编程 > 【项目】桌宠之旅 > 5-获取桌宠每一帧图片

5-获取桌宠每一帧图片

806
0
2023-07-02
2023-07-18
Hey、小怪兽

  • • 这个桌宠项目做的是公主连结的可可萝,凯露,佩可的桌宠
  • • 拿可可萝举例子,其他2个一样,需要获取skel,png,atlas文件:
  • - skel:骨骼文件的二进制文件,一般都是json格式的
  • - png:无损的位图文件,有点像那个叫啥,精灵图?雪碧图?
  • - atlas:纹理集,通常使用特定的文件格式来记录每个小图像的位置、大小和属性,以便在程序中准确地提取和使用它们
  • • 来到这个网址:干炸里脊资源https://redive.estertion.win/spine/
  • • 按下F12打开控制台,或者右键选择检查,点击Network,如果是中文的Chrome的话应该叫网络
  • • 选择角色,可可萝的日文叫コッコロ(ko 促音 ko ro)
  • • 这里第二个框不要选择矛,选择Re:zero(看你的喜好,如果希望桌宠拿武器的话,就选矛没问题,如果想要它安静地站在那里就选Re:zero),接着点击加载:
  • • skel直接点按钮获取:
  • • png和atlas的话,看刚才打开的控制台,这些其实就是骨骼文件吧(我猜测的),.cysp是cygame自己专门的文件格式?
  • • 所以会有3种做桌宠的方法:
  • - 拿到skel,png,atlas,然后通过一些工具拿到每一帧动作的图片,再播放这些图片,就是这个系列用的方法
  • - 直接用skel,png,atlas来加载spine动画,通过一些动画库来播放并切换动作,也就是芋圆社区x公主连结的方法:https://inhami.com/blogdetail/121
  • - 用cysp,png,atlas来加载,通过动画库来播放,干炸里脊资源和Bilibili公主连结Wiki里动画播放器是这样的(好像是)
  • • 这里需要的是png和atlas,直接双击png文件,会打开一个新的窗口,右键保存就行了:
  • • atlas比较麻烦,先在文件夹里创建一个txt文件,名字就跟其他2个文件一样:
  • • 双击刚才控制台的atlas文件,和图片一样会打开一个新的窗口,在这个页面Ctrl+A全选,Ctrl+C复制:
  • • 接着点击刚才创建的105961.txt,Ctrl+V粘贴,先别急着保存,向上滑一下,找到一个叫shadow的,如果找不到就Ctrl+F搜索一下(找不到的记得调整一下方向):
  • • 如图所示:
  • • 把所有的数值除了index都改成0,这个东西就是角色脚下的阴影,你也不想你的桌宠脚下有阴影吧?
  • • 然后再Ctrl+S保存,将txt文件后缀改成atlas:
  • • 这样skel,png,atlas文件都拿到了,再去一个叫chibi-gif的网站(如果加载不了或者点击按钮没反应就科学上网):chibi-gif https://naganeko.pages.dev/chibi-gif/
  • • 往下滑,修改工作台大小width和height为450:
  • • 接着回到上面,点击Add skeleton,将刚才三个文件选择加载:
  • • 加载完毕(加载不出来?是不是刚才atlas文件改错了),修改缩放大小和位置,分别是0.4,225和360(这些都是我经过测试得来的):
  • • 选择初始的动作,选这四个都行(如果是Re:zero这四个都是一样的动作):
  • • 先点击Add Motion,再点击Generate frames生成每一帧动画:
  • • 点击Save as a ZIP保存:
  • • 解压下载的ZIP文件,ok!拿到了每一帧的动画:
  • • 如此循环,就可以拿到所有的动画,和其他角色了,就是这么繁琐!但是这样有一个好处是可以自己加帧图片和减少帧图片,如果不想自己搞直接去前言章节去Github下载包,这些资源都在里面

上一篇:4-nodemon实现热加载

下一篇:6-Pixi.js加载桌宠初始动画

Message Board
回复
回复内容不允许为空
留言字数要大于2,小于200!
提交成功,5s后刷新页面!
编程导航

0-桌宠开发前言

1-搭建环境和创建简单的应用程序

2-修改项目结构

3-创建一个透明的窗口

4-nodemon实现热加载

5-获取桌宠每一帧图片

6-Pixi.js加载桌宠初始动画

7-添加鼠标事件

8-获取区域颜色和判断桌宠本体

9-设置进程通信和鼠标穿透

10-实现桌宠拖拽

11-实现桌宠随机动作

12-实现桌宠播放语音

13-实现桌宠词板功能

14-设置系统托盘

15-实现桌宠模组切换

16-桌宠数据和状态拓展

17-生成ICO图标和准备打包

18-完成开发并打包桌宠应用

Copyright © 2020 芋圆社区

Powered by 浙ICP备2020039309号-1

此页面不支持夜间模式!

已进入夜间模式!

已进入普通模式!

搜索框不允许为空

签到成功!经验+5!芋圆币+2!

签到失败!今日已签到!

需要登录社区账号才可以进入!

复制成功
寄,页面未加载完成或页面无锚点