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;
});