允许html游戏的玩家在一层上下移动png的功能

Question

我正在制作一个设计游戏 但我找不到任何可以帮助我创建一个可以让玩家在一层上下移动所需png / png的UI。所以说玩家有一个“花盆”，他们想把花盆的png移到“床”的png后面。我该如何创建这个功能？ http://www.agame.com/game/My-New-Room 喜欢在这个游戏底部 他们有箭头向上和向下移动png， 谢谢你的帮助！

https：// jsfiddle.net/okcjt5vf/294/到目前为止，这是我的所有代码。

Answer 1

只是一个高级别的例子：

单击类.adjustableElement的元素会导致z-index在元素上增加1。

$(".adjustableElement").click(function() {
    let newIndex = parseInt(this.css('z-index')) + 1;
    this.css('z-index', newIndex);
});

在您的情况下，您需要为有问题的png / image定义一个变量selectedElement（不过您可以通过点击它来决定它等）。然后，你将有两个功能，一个是根据他们动作的箭头将一个增加到另一个。