从图像数组

Question

通过对画布的toDataUrl（）metod的一系列调用创建的Image数组。 现在我需要创建一个SpriteSheet。

我该怎么做？

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

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

Answer 1

看看SpriteSheetBuilder： http://createjs.com/Docs/EaselJS/classes/SpriteSheetBuilder.html

这里也有一些例子： https://github.com/CreateJS/EaselJS/tree/master/examples

请记住，您必须单独包含SpriteSheetBuilder，因为它不属于“核心” - 库（https://github.com/CreateJS/EaselJS/issues/593）。

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

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