Performance drop using registerBeforeRender method

[suresh1187]

Hi all,

I face drastic drop in performance(fps), when i change the canvas background during runtime,

e.g:

engine.runRenderLoop(() => {
          if(this.state.counter == 2){
            var background = new Layer("back", "image1.png", scene);
          }
          if(this.state.counter == 4){
            var background = new Layer("back", "image2.png", scene);
          }
       if (scene) {
        scene.render();
      }
    });

I have tried it using registerBeforeRender method, but i face the similar performance issue.

Is there any other method to change the background during runtime without losing performance(fps).

Note : i am using react-babylonjs package.

Thanks,

Suresh.

[suresh1187]

Solved.

I think ,    

var background = new Layer("back", "image1.png", scene); 

is executed multi times,which leads to performance issue.

 

[brianzinn]

Post back, if it's not solved. If you change the background too often will be slow. That's my package, but not related.