1

正如我在标题中所说，easeljs 对我来说很新，有没有办法通过使用框架 Easeljs 为我在画布中的案例添加点击事件或事件监听器到像 spritesheet 这样的对象？

我已经做了很多研究，但仍然没有得到任何运气。

4

1 回答 1

2

SpriteSheet 只是一种描述如何绘制 Sprite（或早期版本中的 BitmapAnimation）的数据格式。

这是一个示例 SpriteSheet，取自http://createjs.com/Demos/EaselJS/SpriteSheet.html中的示例，您可以在 GitHub 存储库 (github.com/CreateJS/EaselJS/) 中找到该示例

var data = new createjs.SpriteSheet({
    "images": ["images/sprite.png"],
    "frames": {"regX": 0, "height": 292, "count": 64, "regY": 0, "width": 165},
    "animations": {"run": [0, 25, "run", 1.5], "jump": [26, 63, "run"]}
});

一旦你有了它，你就可以定义一个 Sprite。

var sprite = new createjs.Sprite(data, "run");
stage.addChild(sprite);
// In earlier versions (0.6.0 and below), you can not specify a start frame/animation
sprite.gotoAndPlay("run");

这会将精灵添加到舞台，并播放其“运行”动画。为了添加鼠标点击，使用：

sprite.on("click", handleClickFunction);
// Earlier versions (0.6.0 and below) require the use of addEventListener, which still exists in 0.7.0, but is less friendly
sprite.addEventListener("click", handleClickFunction);

EaselJS 网站上的教程中提供了有关鼠标行为的更多信息。 http://createjs.com/tutorials/Mouse%20Interaction/

于 2013-11-14T16:39:32.333 回答