Блог

Я создаю игру в одевалку и столкнулся со следующей проблемой.

Я знаю, как заставить вещи перетаскиваться, однако всякий раз, когда видеоролик находится на слое ниже другого, он не позволяет мне его отбросить / не регистрирует отпускание мыши.

В этом случае, например, самый верхний слой — это волосы куклы. Под этим слоем находятся предметы одежды, а под ним — основа для куклы. Вот так:https://gyazo.com/a0ea8eae2ee5505874f4207a888249bf

Я могу взять топ из инвентаря, но не могу надеть его на куклу, потому что мой курсор находится над волосами с самого верхнего слоя. В некотором смысле кажется, что слой волос действует как барьер между щелчком курсора и предметом одежды. Есть ли какой-либо способ обойти это?

Вот ссылка на игру в ее нынешнем виде — я уверен, вы быстро заметите проблему, если попытаетесь что-то изменить.ССЫЛКА НА ИГРУ

Вот код для одного из слоев одежды, если это необходимо.

 tshirt.addEventListener(MouseEvent.MOUSE_DOWN, drag17);
tshirt.addEventListener(MouseEvent.MOUSE_UP, drop17);
function drag17(event:MouseEvent):void
{
event.target.startDrag();
}
function drop17(event:MouseEvent):void
{
event.target.stopDrag();
}
  

Извините за довольно грубое объяснение и заранее благодарю вас!

проблема

Вы совершенно правы насчет мешающих волос.

способ 1

Один из способов исправить это (при условии, что вы уронили волосы там):

 function drop17(event:MouseEvent):void
{
    event.target.stopDrag();
    event.target.mouseEnabled = false;
}
  

В вашем примере с волосами для волос mouseEnabled должно быть установлено значение false, чтобы они не могли быть вашими target по ошибке при событии мыши. Если волосы не были «сброшены» туда, установите mouseEnabled в значение false для волос везде, где это имеет смысл сделать … возможно, при их первом создании или создании экземпляра.

способ 2

Альтернативный метод заключается в том, чтобы заставить выбранный вами предмет встать в начало z-порядка. Вот так:

 function drag17(event:MouseEvent):void
{
    addChild(event.target); // this doesn't add another Sprite or movie clip, it just moves it to the top of the z order. Trust me. 
    event.target.startDrag();
}
  

Теперь, когда ваш элемент перетаскивания находится вверху, ничто не будет находиться «между» ним и мышью. Этот метод, вероятно, выглядит более чистым, поскольку перетаскиваемая вещь не теряется за другими вещами. Это заставит вас иметь дело с возможной необходимостью размещать предметы в правильном z-порядке при их перемещении, но это можно легко сделать, выполнив addChild в clothesContainer или что-то в этом роде. Это был бы другой вопрос.