Создание спрайта из массива изображений

Question

Массив изображения, созданный из серии вызовов методу toDataUrl() на холсте. Теперь мне нужно создать SpriteSheet.

Как это сделать?

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

Я прочитал EaselJS документы на SpriteSheet here. Но таких методов и примеров нет, как создать его во время выполнения.

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);