pixijs层级另类写法

pixijs层级另类写法

         const app = new PIXI.Application({ width: 750, height: 1206,   transparent: true,       forceCanvas: true });
    document.body.appendChild(app.view);
app.stage.sortableChildren = true;
            PIXI.Loader.shared
        .add('/moban/images/closebtn1.png')
        .add('/moban/images/share.jpg')
        .load(onAssetsLoaded);
         function onAssetsLoaded(loader, res) {

         



      
       var bunny1 = PIXI.Sprite.from('/moban/images/share.jpg');
    bunny1.width=330;
    bunny1.height=360;
    bunny1.name='sharejpg';
    bunny1.x=192;
    bunny1.y=22;
    bunny1.zIndex=11;
 app.stage.addChild(bunny1);


 
                var bunny = PIXI.Sprite.from('/moban/images/closebtn1.png');
  
    bunny.width=140;
    bunny.height=140;
        bunny.name='closebtn1';
            bunny.x=500;
          bunny.y=300;
                  bunny.zIndex=17;// bunny.anchor.set(0.5,0.5);
          app.stage.addChild(bunny);

                var wefcf = PIXI.Sprite.from('/moban/images/wefcf.png');
  
    wefcf.width=140;
    wefcf.height=140;
        wefcf.name='wefcf';
            wefcf.x=440;
          wefcf.y=340;
          wefcf.zIndex=8;// bunny.anchor.set(0.5,0.5);
          app.stage.addChild(wefcf);
 

         }

写了

app.stage.sortableChildren = true; 就可以用zindex控制层级了
posted @ 2022-05-11 17:04  newmiracle宇宙  阅读(108)  评论(0编辑  收藏  举报