【问题标题】:KineticJS: Animation with a Number of single Images?KineticJS:具有多个单个图像的动画?
【发布时间】:2014-12-01 18:01:08
【问题描述】:

我有 10 张 png 图像,我想在画布上显示为动画。这应该类似于 KineticJS 处理精灵动画的方式。唯一的区别是我的帧不是一个大精灵图像的一部分。相反,我的图像(帧)位于单个 png 文件中。

有什么方法可以将图像帧加载到 KineticJS 中,然后将它们作为动画播放?

【问题讨论】:

    标签: javascript html kineticjs


    【解决方案1】:

    您可以在任何动画循环中更改Kinetic.Imageimage 属性。

    或者如果 Sprite 类是你需要的,你可以:

    1. 创建大画布元素。
    2. 在里面画 10 张图片(做一张大图)
    3. 然后将其用作image for Sprite

    【讨论】:

    • 哪种方案的性能更好。我想在画布上拖动、移动和调整动画大小。
    • 不确定。你应该测试你的情况。
    最近更新 更多