sprite - 从图像数组创建一个 Sprite

Question

通过对画布的 toDataUrl() 方法的一系列调用创建的图像数组。现在我需要用它创建一个 SpriteSheet。

我怎么做？

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

我在这里阅读了 SpriteSheet 上的 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);