EaselJS Drag Drop - с помощью Drag Drop в отзывчивой публикации

Программное обеспечение: Adobe Animate
Тип: HTML5 Холст
Настройки публикации: 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");
});

Проблема возникает при экспорте в Responsive, похоже, смещение перетаскивания. Кто-нибудь знает причину этого и способ ее решения?

2 ответа

Решение

Я считаю, что это потому, что отзывчивый экспорт Animate масштабирует сцену. Возможно, вам придется изменить ваши координаты.

Проверьте этот ответ на предыдущий пост.

Это работает в 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;
});
Другие вопросы по тегам