EaselJS 拖放 - 在响应式发布中使用拖放

Posted 2023-02-16

【中文标题】EaselJS 拖放 - 在响应式发布中使用拖放

【英文标题】：EaselJS Drag Drop - With Drag Drop within Responsive Publish

【发布时间】：2018-06-23 01:49:04

【问题描述】：

软件： 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");
);

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

【参考方案1】：

这适用于具有响应式缩放的 Adob​​e 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;
);

【参考方案2】：

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

Check out this answer to an earlier post.

【讨论】：

感谢您的帮助 Lanny 我会尝试对我的代码进行这些调整，看看它有什么帮助。