如何使用createjs创建图像

Question

我使用CreateJS为我的游戏呈现图形。图像组织成位图。不过，我有这个心脏位图，其中包含一个完整的/半/空的心。如何将图像用作图像映射？

我知道有“面具”的方法，但我不明白参考资料足以实施它。

Answer 1

我认为最好的办法是使用SpriteSheets：

var data = { 
    images: ["sprites.jpg"], 
    frames: {width:50, height:50}, 
    animations: {full:[0,0], half:[1,1], empty:[2,2]} 
}; 
var spriteSheet = new createjs.SpriteSheet(data); 
var animation = new createjs.Sprite(spriteSheet, "full");