Does anyone have any suggestions for creating a sliding transition between scenes? Tried using scene manager… this.scene.transition({ target: ‘Page1_2’, duration: 6000, moveBelow: true, onUpdate: (progress) => { this.cameras.main.pan(1920*progress,400); } }); },this);

:wave: You have to animate the camera viewports as well. I’ll try to make an example.

Thank you. I do not have much experience moving cameras.

Hi! Really great sliding effect. I have implemented it without background images and the only problem is that the game objects of the target scene are shown for a split second before the transition begins. Do you have any idea why this happen and maybe a solution? :slight_smile: regards Anne

Not sure but — avoid preload() in the transition target scene; avoid setting camera viewport width or height to 0; make sure scene is sleeping before transition (I added Scene Watcher Plugin to example above).

Thanks for answering :slight_smile: I don’t have preload, I just copied your code cam.setViewport(0, 0, (1 - progress) * defaultWidth, cam.height); cam.setScroll(progress * defaultWidth, 0); targetCam.setViewport((1 - progress) * defaultWidth, 0, progress * targetDefaultWidth, targetCam.height); …

You can try cam.setViewport(0, 0, Math.max(1, (1 - progress) * defaultWidth), cam.height); // … targetCam.setViewport( (1 - progress) * defaultWidth, 0, Math.max(1, progress * targetDefaultWidth), targetCam.height ); If that doesn’t work I would try the Scene Watcher plugin and check if th…

[image] samme: cam.setViewport(0, 0, Math.max(1, (1 - progress) * defaultWidth), cam.height); // … targetCam.setViewport( (1 - progress) * defaultWidth, 0, Math.max(1, progress * targetDefaultWidth), targetCam.height ); Thank you very much for your answer. It does, however, not make a…

Sliding scene transition

Phaser 3

samme March 4, 2021, 4:47pm 4

5 Likes

SceneTransitionConfig moveLeft and moveRight

Topic		Replies	Views
Scene transitions Phaser 3	6	158	February 13, 2024
SceneTransitionConfig moveLeft and moveRight Phaser 3	1	36	September 19, 2024
Tweening or moving the container of a paused scene Phaser 3	0	578	December 18, 2018
Scene transition with camera fade issue Phaser 3	0	547	June 30, 2019
Transitions between scene Phaser 3	6	748	January 12, 2023

Sliding scene transition

Related topics