javascript - 在 Animate CC 2017 中使用 easeljs 进行拖放

Question

我一直在使用 Adob​​e Animate CC 2015.2 中的 HTML Canvas 项目在舞台上拖动影片剪辑，使用 creatjs Mouse Interaction Tutorial 中推荐的方法。 .我在工作时在运行 OS X Yosemite 的 MacBook Pro 上执行此操作。

这是我使用的代码，它运行良好。影片剪辑在时间轴第一帧的舞台上， Action 也在同一帧中。 movieClip 实例 (my_mc) 跟随鼠标移动 - 到目前为止一切顺利。

this.my_mc.on("pressmove", function(evt){
    evt.currentTarget.x = evt.stageX;
    evt.currentTarget.y = evt.stageY;
});

但是，在运行 macOS Sierra 的两个 friend 的配备 Retina 显示屏的 MacBook Pro 上尝试 Animate CC 2017 中完全相同的示例会导致鼠标位置与影片剪辑位置之间出现奇怪且显着的偏移。鼠标离舞台原点 (0,0) 越远，偏移量越大。

有谁知道为什么会发生这种情况或可以想出解决方法？我已经尝试使用 globalToLocal 进行一些修改，但这并不能解决问题。

我能想到的三个主要原因是:

• Animate CC 2017 中的一些更改导致了此问题
• 问题出在 Retina 显示屏上
• macOS Sierra 导致了问题

欢迎提出任何想法或解决方法。

提前致谢

戴夫

Answer 1

我想我已经解决了问题。无论操作系统和显示分辨率如何，以下内容似乎都适用于 Animate CC 2015.2 和 Animate CC 2017。

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

我仍然需要弄明白为什么在 Animate 2017 中需要进行更改而不是在 Animate CC 2015.2 中(挠头)。

谢谢，

戴夫