pixijs制作3D效果

pixijs制作3D效果

    const app = new PIXI.Application({ width: 750, height: 1206 });
    document.body.appendChild(app.view);

var camera = new PIXI.projection.Camera3d();
camera.position.set(app.screen.width / 2, app.screen.height / 2);
camera.setPlanes(1000, 100, 10000, true);
app.stage.addChild(camera);


   var  sprite1 = new PIXI.projection.Sprite3d(PIXI.Texture.from('/moban/images/closebtn1.png'));
        sprite1.anchor.set(0.5, 0.5);
   
          sprite1.position3d.set(0,0);
          sprite1.euler.y=26;
  var tm = new TimelineMax();
       // tm.to($('.ddd1'), 3, {left:300,delay:0,repeat: 1, yoyo: true,repeatDelay: 1,ease: Linear.easeNone});//將一個動畫添加到時間軸
       // tl.add(tm);//將一個動畫添加到時間軸
       // 
      tm.to(sprite1.euler, 30, {y:360,delay:0,repeat: 2, yoyo: true,ease: Linear.easeNone});//將一個動畫添加到時間軸     
          // sprite1.euler.z=40;
  camera.addChild(sprite1);

需要注意 他這個需要把精靈父精靈都是攝像機才行

 

做做簡單的3D效果還行 做復雜的還是用threejs吧