从图像数组创建 Sprite

Question

通过一系列调用 canvas 的 toDataUrl() 方法创建的图像数组。现在我需要从中创建一个 SpriteSheet。

我该怎么做？

var imgUrl = canvas.toDataURL();
var image = new Image();
image.src = imgUrl;
arr.push(image);

我已经阅读了 SpriteSheet 上的 EaselJS 文档 here。但是没有这样的方法或例子如何在运行时创建它。

Answer 1

请记住，您必须单独包含 SpriteSheetBuilder，因为它不是 "core"-库 (https://github.com/CreateJS/EaselJS/issues/593) 的一部分。

编辑：如何将普通 SpriteSheet 与图像实例一起使用的示例...只需将它们传递给数据对象并在之前计算帧数。

var data = {
    images: arr, //pass your array with images
    frames: (...)
};
var spriteSheet = new createjs.SpriteSheet(data);

Create a Sprite from image array