Hide Image Sprite and Show (with door open/curtain like effect)

[atta chaudhury]

I have image in pixijs app. I need to hide it then show it with door open like effect (as seen in attached picture)

 

var pixiapp;
var pixiloader = PIXI.Loader.shared;
initpixiapp();

function initpixiapp() {
    pixiapp = new PIXI.Application({ width: 1280, height: 720 });
    document.getElementById('canvas-container').appendChild(pixiapp.view);
    pixiloader.add('images/img1.png').load(handleimagesload);
}
function handleimagesload() {
    var img1 = new PIXI.Sprite(pixiloader.resources['images/img1.png'].texture);
    pixiapp.stage.addChild(img1);
        

    // here will the the code to hide and show image in door open effect

    // var ticker = new PIXI.Ticker();
    // ticker.add(() => {
    //     
    // })
    //ticker.start()
}

 

[ivan.popelyshev]

sprite position=screen_center, anchor=0.5
modify sprite scale & texture frame frame in ticker

 

or wait for someone to make a whole example for you, it can take a few days