php - 解析 3D XML 平铺信息

Question

我正在重新创建一个游戏(请注意，仅使用网络语言)，并且对于每个房间，我都有用于放置图 block 的 XML。解析 XML 不会产生正确的结果，因为不仅有 X 和 Y 坐标，还有 Z。

XML 摘录:

<NODE CLASS="tile" REF="80" X="216" Y="144" Z="38" />
<NODE CLASS="tile" REF="81" X="240" Y="144" Z="38" />
<NODE CLASS="tile" REF="82" X="264" Y="144" Z="38" />
<NODE CLASS="tile" REF="83" X="288" Y="144" Z="38" />
<NODE CLASS="tile" REF="84" X="312" Y="144" Z="30" />
<NODE CLASS="tile" REF="85" X="336" Y="144" Z="30" />

您可以在此处查看解析结果:http://openvmk.com/parsexml.php (瓷砖甚至没有靠近它们的正确位置)

原始 XML 在这里:http://openvmk.com/banquet.xml

我需要知道如何使用 HTML/CSS 或 JavaScript (jQuery) 实现 Z。

Answer 1

I need to know how to implement the Z using HTML/CSS or JavaScript (jQuery).

假设“Z”是瓷砖重叠时的堆叠顺序，您正在寻找 z-index属性(property)。

更多信息在这里:https://developer.mozilla.org/en/Understanding_CSS_z-index