时间戳

首页 > 解决方案 > PixiJS 排序精灵

javascript - PixiJS 排序精灵

问题描述

在此处输入图像描述我想知道是否有任何机构可以帮助我.. 寻找在舞台上分拣孩子的想法。目前我的地图、mapObjects 和舞台上的播放器也在工作。

//let say room contain everythings going in the room, background, object, player
  let room = new PIXI.Container();
//start zsorting them
  room.children.sort((a, b) => {
    
     if(a.y < b.y) return -1; //the player will go behind correctly
  };

所以现在的问题是，有几个物体在另一个物体前面，但玩家需要在一个物体后面，而这个物体必须保持在另一个物体前面。如果我想让它们正确排序，我该怎么办

抱歉，我可能不适合解释。

标签： javascriptsortinggame-enginedepth-first-searchpixi.js

解决方案

background.z = 1;
tower.z = 2; // big object
player.z = 3;
towerObject.z = 4; // the object which rabbit should be behind

let room = new PIXI.Container();
// supposing sprites above are children of room Container
room.children.sort((a, b) => {
  if(a.z < b.z) {
    return -1;
  } else if (a.z > b.z) {
    return 1;
  } else {
    return 0;
  }
};

推荐阅读