Movie in Title Screen

[Sierena]

Hello,

i need help with my Plugin-Script,
i will make a movie(mp4)-layer(Sprite) under the title-menu-layer(Scene_Title).

Look picture

I want that the movie played behind the menu and not before it.
But the movie is always in front of it, how can I change this?

z index? layer position? Need help, nothing work :_)


In love, sierena
(PS. yeha, my English is very bad, sorry)

 

[Jonforum]

Hello,

i need help with my Plugin-Script,

(PS. yeha, my English is very bad, sorry)

check in Scene_Title.prototype.createBackground

Scene_Title.prototype.createBackground = function() {
    this._MyBackSpriteVideo = new Sprite...// you video objet <==
    this._backSprite1 = new Sprite(ImageManager.loadTitle1($dataSystem.title1Name));
    this._backSprite2 = new Sprite(ImageManager.loadTitle2($dataSystem.title2Name));
    this.addChild(this._MyBackSpriteVideo); //<== add you video sprite or objet or ..picture or .. what you whant
    this.addChild(this._backSprite1);
    this.addChild(this._backSprite2);
};

z index are not exist and is not like CSS. !
z-index is when you code in HTML&CSS
These according to the order when you add the children.

 

[Dr.Yami]

You will need to use PIXI.Texture and PIXI.Sprite for loading the Video.

let videoTexture = PIXI.Texture.fromVideo('path/to/video')
let videoSprite = new PIXI.Sprite(videoTexture)

To add it into the scene, you need to addChild(videoSprite) in the Scene, there is no z-index so you need to addChild(videoSprite) before any other addChild in the Scene

 

[Sierena]

Hi,
thanks Dr.Yami and Jonforum, its help me really.

My code at the moment , play the movie in the front of all
the methode Graphics.loadMP4() -> load, play and loop the movie

    Scene_Title.prototype.createBackground = function() {
        this._myBackSpriteVideo = new Sprite(Graphics.loadMP4());

        this._backSprite1 = new Sprite(ImageManager.loadTitle2(parameters['backgroundFrame']));
        this._backSprite2 = new Sprite(ImageManager.loadTitle2(parameters['backgroundFrame']));

        this.addChild(this._myBackSpriteVideo);
        this.addChild(this._backSprite1);
        this.addChild(this._backSprite2);
    };

Its a Sprite, not the full movie, but in the background

    Scene_Title.prototype.createBackground = function() {
        var videoTexture = PIXI.Texture.fromVideo('movies/' + parameters['backgroundPicture'] + '.webm');
        var videoSprite = new PIXI.Sprite(videoTexture);

        this._MyBackSpriteVideo = new Sprite(Graphics.loadMP4());
        this._backSprite1 = new Sprite(ImageManager.loadTitle2(parameters['backgroundFrame']));
        this._backSprite2 = new Sprite(ImageManager.loadTitle2(parameters['backgroundFrame']));
        this.addChild(videoSprite);
        this.addChild(this._backSprite1);
        this.addChild(this._backSprite2);
    };

But i mean, i wont play the movie in the background of the Scene_title xP, not the Sprite.

 

[Negi-Mox]

OH No I can't understand anything..???

 

[Skunk]

@Negi-Mox Please don't post just for the sake of posting, unless you have something to add to the discussion.