Scene transitions

Phaser 3
1

Hi
I have a problem with scene transitions. Before making the transition I fetch the target scenes main camera by getting the target scene with get method. It works the first time, but when I want to make the transition again, I can get the target scene again, but its main camera is now undefined. Does anyone know why this happens?

PS I stop the scene I make the transition to before going back to the first scene again. That is probably problem, but I need it to be stopped.

2

When you stop a scene all of its cameras are discarded. You can probably use the transition callback or event handlers, though. Show the code?

3

this is the code

 this.cam = this.cameras.main;
    this.targetScene = this.scene.get('play'); 
    console.log(this.targetScene)
    this.targetCam = this.targetScene.cameras.main;
    console.log(this.targetCam)
     
    
    this.input.keyboard.on("keydown-UP",
      function () {
        this.scene.transition({
          target: "play",
          duration: 2000,
          onUpdate: function (progress) {
            this.cam.setViewport(0, 0, (1 - progress) * 500, 340);
            this.cam.setScroll(progress * 500, 0);
            this.targetCam.setViewport((1 - progress) * 500, 0, progress * 500, 340);
          }
        });
      },this
    );

in the play scene I start this scene again and stop play

4 
let targetCam;

this.scene.transition({
  target: "play",
  duration: 2000,
  onStart: function (fromScene, targetScene) {
    targetCam = targetScene.cameras.main;
  },
  onUpdate: function (progress) {
    this.cam.setViewport(0, 0, (1 - progress) * 500, 340);
    this.cam.setScroll(progress * 500, 0);

    targetCam.setViewport((1 - progress) * 500, 0, progress * 500, 340);
  }
});
5

I cannot make this work, it seems like the onUpdate is called before onStar and the targetCam is undefined in the onUpdate call.

6 
this.scene.transition({
  target: "play",
  duration: 2000,
  onUpdate: function (progress) {
    this.cam.setViewport(0, 0, (1 - progress) * 500, 340);
    this.cam.setScroll(progress * 500, 0);

    this.scene.get("play").cameras.main
      .setViewport((1 - progress) * 500, 0, progress * 500, 340);
  }
});
7

This works! Thank you very much!