【H5实战】CreateJS-EaselJS精灵Sprite类实现第一个动画

整理了一个easelJS的小demo，原文发布在了公众号上。demo 源码也在上面，地址：https://mp.weixin.qq.com/s/j48A78UxEAbTPY7rMnFJxQ

image.png

一、EaseJS 中的 Sprite 类

EaselJS精灵Sprite类是用spritesheet实例显示一个帧或帧序列（即动画）。精灵片是一系列的图像（通常是动画帧）合并成一个单一的图像。

例如：一个跑跳的动画帧

image

sprite结构：

Sprite ( spriteSheet frameOrAnimation )

  • spriteSheet 这包括源图像，帧的尺寸，和帧数据。

  • [frameOrAnimation] String | Number optional 最初播放的帧数或动画。

二、****EaselJS 中 Ticker类 动画机制
......
请看原文：https://mp.weixin.qq.com/s/j48A78UxEAbTPY7rMnFJxQ

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。