我傻b了吗没看到如何做序列帧图片动画的文档

查看: 编辑 Sprite 动画
https://docs.cocos.com/creator/manual/zh/animation/edit-animation-clip.html

创建帧动画,需要记录spriteFrame属性,然后把选中的多张图片拖拽到时间轴上,就可以自动排列好

老板有详细教程吗,视频或者gif或者工程

内置的 Animation 组件是可以制作序列帧动画的

https://docs.cocos.com/creator/manual/zh/animation/animation.html

  1. 让设计师通过 https://www.codeandweb.com/texturepacker 把图片都做成 SpriteAtlas 可接受的格式。具体来说,导出的产物有2个,一个是由一个个小图片组成的大png,一个是plist表达每个小图在大图中的坐标。
  2. 在代码中调用,关键是使用 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 被挖掘时的动画