- 文档版本:
3.8 - 文档链接:
Cocos Creator 3.8 手册 - 图集资源 - 具体的问题或改进建议:
我傻b了吗没看到如何做序列帧图片动画的文档
查看: 编辑 Sprite 动画
https://docs.cocos.com/creator/manual/zh/animation/edit-animation-clip.html
创建帧动画,需要记录spriteFrame属性,然后把选中的多张图片拖拽到时间轴上,就可以自动排列好
老板有详细教程吗,视频或者gif或者工程
- 让设计师通过 https://www.codeandweb.com/texturepacker 把图片都做成 SpriteAtlas 可接受的格式。具体来说,导出的产物有2个,一个是由一个个小图片组成的大png,一个是plist表达每个小图在大图中的坐标。
- 在代码中调用,关键是使用
AnimationClip.createWithSpriteFrames
这个函数,它比 cocos creator 的可视化动画编辑器方便很多。并且可以代码控制,示例代码如下:
// 被挖掘时的动画
const spriteFrames = this.cellCoverDiggingSpriteAtlas.getSpriteFrames()
const clip = AnimationClip.createWithSpriteFrames(spriteFrames, 20);
clip.name = 'whatever_you_want';
clip.wrapMode = AnimationClip.WrapMode.Loop;
this.animation.clips.push(clip)
// END 被挖掘时的动画