Page switches, particleSystem reset

Questions
1

When the page switches,particleSystem seems to be reset,

image
image215×132 2.95 KB

use visibilitychange paused , doesn’t resolve the issue

document.addEventListener("visibilitychange", () => {
            if (document.hidden) {
                this.scene.particleSystems.forEach(ps => ps.paused = true);
            } else {
                this.scene.particleSystems.forEach(ps => ps.paused = false);
            }
 });
2

Can you try with this:

window.addEventListener("blur", () => {
  console.log("Window lost focus");
});

window.addEventListener("focus", () => {
  console.log("Window gained focus");
});
3

when switch the chrome tab,issue still exists

image
image1475×935 47.1 KB

4

ok the best way in your case is to do this:

engine._deterministicLockstep = true;

This is a hack for the PG. In your code, simply create your engine with this:

this.engine = new BABYLON.Engine(theCanvas, true, {
  deterministicLockstep: true
});
2 Likes
5

Thanks, this fixed the tab switching problem!
But I noticed the particles move faster now.
I get the general reason, but how can I keep the particle speed the same as 60 FPS when running at higher frame rates?
In 170FPS it very fast

6

By default the timestep is 1/60 but you can control it with engine._timeStep

7

You could try using Animation Ratio

8

engine._timeStep has no effect on particles …

9

Could you please be more detailed? particleSystem has no “Animation Ratio” properties

10

Here we are:

Babylon.js Playground

I overloaded scene.getAnimationRatio so you can control the speed when tab is switching

1 Like