美文网首页
【H5实战】CreateJS-EaselJS精灵Sprite类实

【H5实战】CreateJS-EaselJS精灵Sprite类实

作者: ddai_Q | 来源:发表于2018-12-03 17:56 被阅读16次

    整理了一个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

    相关文章

      网友评论

          本文标题:【H5实战】CreateJS-EaselJS精灵Sprite类实

          本文链接:https://www.haomeiwen.com/subject/vfhucqtx.html