【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