how to inject my own derived scene class?

[Chargeuk]

Hi,
Can you tell me the way I can inject my own derived scene class?

Currently, I know that the TSX to create a scene is as follows:

<Engine canvasId="sample-canvas" antialias >
      <Scene onSceneMount={onSceneMount}>
        (other things)
      </Scene>
    </Engine>

is there a way I can push my own derived scene class or instance into the TSX?
Thanks

[brianzinn]

You mean like you inherited your own class from babylon.js Scene? Then I would need to add something like a createScene prop that would be passed the canvas. Or the class could be a prop and I could call 'new' on it.

[Chargeuk]

Thanks for answering so quickly 👍
Yes, that is what I mean. A createScene prop would be preferable as there would be more control for the user. I guess the same functionality would be great for Engine too if possible?

[Chargeuk]

Actually, looking at your code, it would be great if the createScene prop method was provided with the engine too

[brianzinn]

hi @Chargeuk - Sorry for dropping this. Been quite hectic lately and I'm trying to cleanup the state of issues.

Do you have time to do a PR? The babylon playground TS works similarly. It would be a new prop maybe like:

 createScene: (engine: Engine | WebGPUEngine, sceneOptions: SceneOptions) => Engine

Then to call that instead of new Scene(...) in Scene.tsx?

It's good to add more extension options like this - out of curiosity - why do you need to make your own derived Scene class?

[brianzinn]

I merged in the <WebGPUEngine ... /> code and it is published now, so ready to add this if you have time to see if above will work for your use case. The signature above actually would return a Scene object though - it was a typo.

[smoya-ekoo]

Can you override react-babylonjs Scene just adding any functionality on SceneMount

import {Scene as BabylonScene, SceneEventArgs} from "react-babylonjs"

const MyScene= ({children, ...rest}) =>{
  const _onSceneMount = (sceneEventArgs: SceneEventArgs) => {
    //your custom settings
  }
  return return (
    <BabylonScene
        onSceneMount={_onSceneMount}
	{...rest}
    >
       {children}
       {/*default things*/}
      </BabylonScene>
  )
}

So you can add

<Engine>
  <MyScene>
   {/*lights, cameras, etc*/}
  </MyScene>
</Engine>

[brianzinn]

that's a good suggestion @smoya-ekoo . i think if @Chargeuk has a class derived via OO from Scene that wouldn't work, but instead need to be passed possibly as a prop and called as new SceneImpl(engine, opts?). You could definitely patch the scene object at that point you describe though.