正如我在标题中所说,easeljs 对我来说很新,有没有办法通过使用框架 Easeljs 为我在画布中的案例添加点击事件或事件监听器到像 spritesheet 这样的对象?
我已经做了很多研究,但仍然没有得到任何运气。
正如我在标题中所说,easeljs 对我来说很新,有没有办法通过使用框架 Easeljs 为我在画布中的案例添加点击事件或事件监听器到像 spritesheet 这样的对象?
我已经做了很多研究,但仍然没有得到任何运气。
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/