最新のeaseljsライブラリ(easeljs-0.6.1.min.js)でマウスイベントを動作させるのに苦労しています。
TypeScript を使用しています (その定義は最新のようです)。
私のステージ、コンテナなどは次のように設定されています:
stage = new createjs.Stage("gameCanvas");
container = new createjs.Container();
stage.addChild(container);
createjs.Touch.enable(stage);
次に、次のようなエンティティ関連のコードがあります。
Egg.prototype.wireUpEggForMovement = function () {
Game.get().container.addChild(this.bitmap);
this.bitmap.mousedown = function (evt) {
var o = evt.target;
Game.get().container.addChild(this.bitmap);
var offset = { x: o.x - evt.stageX, y: o.y - evt.stageY };
this.gamePosition = new Point(offset.x, offset.y);
evt.onMouseMove = function (ev) {
o.x = ev.stageX + offset.x;
o.y = ev.stageY + offset.y;
};
};
this.bitmap.mouseover = function (evt) {
var o = evt.target;
o.scaleX = o.scaleY = 1.2;
};
this.bitmap.mouseout = function (evt) {
var o = evt.target;
o.scaleX = o.scaleY = 1;
};
};
this.bitmap
、stage
およびcontainer
すべてが存在します。
ただし、マウスイベントはトリガーされません。
何か案は?