EaselJS拖拽 - 在响应发布中拖拽

Question

软件： Adob​​e Animate
输入： HTML5 Canvas
发布设置： JavaScript / HTML（循环时间轴|包含隐藏图层|中心舞台：两者|响应：两者|缩放到可见区域：适合视图）

我创建了一个圆圈并将其转换为电影剪辑。 在第一帧中，我添加了以下操作：

// Defines "circle" as the object named "circle" in the library.
var circle = this.addChild(new lib.circle());

circle.on("pressmove", function(evt) {
    evt.target.x = evt.stageX;
    evt.target.y = evt.stageY;
});
circle.on("pressup", function(evt) {
    console.log("up");
});

导出到响应时出现问题似乎是拖放的偏移量。有谁知道这背后的原因和解决方法？

Answer 1

我相信这是因为Animate的响应式出口扩大了舞台。您可能需要转换坐标。

Check out this answer to an earlier post.

Answer 2

这适用于Adobe Animate CC，具有响应式缩放功能。只需用电影剪辑替换你的MC即可。

this.yourMC.on("pressmove", function (evt) {
    var p = stage.globalToLocal(evt.stageX, evt.stageY);
    evt.currentTarget.x = p.x;
    evt.currentTarget.y = p.y;
});