[SOLVED] Continue Animation on tabs change also

Leonidas · December 23, 2021, 8:51am

I think what has been said in this thread holds true for what you are asking here:

To sum up, you can’t do that without messing with the PlayCanvas engine. PlayCanvas will update the component, rendering, animation etc systems on each browser animation frame update. Which will pause as soon as the tab becomes inactive.

You could potentially override the following pc.Application class to update on a setInterval instead of requestAnimationFrame, as we discussed on the other thread, but beware potentially that will not work as expected depending on how the browser behaves.

github.com

playcanvas/engine/blob/415bd6368a96656161a503526950413dedc87c7e/src/framework/application.js#L2054


      
          app = application;
          
          const currentTime = application._processTimestamp(timestamp) || now();
          const ms = currentTime - (application._time || currentTime);
          let dt = ms / 1000.0;
          dt = math.clamp(dt, 0, application.maxDeltaTime);
          dt *= application.timeScale;
          
          application._time = currentTime;
          
          // Submit a request to queue up a new animation frame immediately
          if (application.vr && application.vr.display) {
              frameRequest = application.vr.display.requestAnimationFrame(application.tick);
          } else if (application.xr.session) {
              frameRequest = application.xr.session.requestAnimationFrame(application.tick);
          } else {
              frameRequest = platform.browser ? window.requestAnimationFrame(application.tick) : null;
          }
          
          if (application.graphicsDevice.contextLost)
              return;