Track download progress of a remote glb file

Hello Everyone,

I’m using BabylonReactNative and was wondering if there’s a way to track the download progress of a single glb file.

I tried passing a function to SceneLoader.ImportMeshAsync but seems like it’s not being called.

I don’t really care about progressively loading the models, i just want a simple way to keep track of the download progress of whatever is being downloaded.

Thanks!

Here are some docs about it - Creating Custom Loading Screens | Babylon.js Documentation
Example - (See console) - https://playground.babylonjs.com/#11BH6Z#333
Another example - https://playground.babylonjs.com/#CGA05F#66
Just some fishes - https://www.babylonjs-playground.com/#5Y2GIC#120

Thanks for the response!
Sadly onProgress doesn’t seem to be firing at all in React Native.

Adding @bghgary and @ryantrem for the react native part.

Unfortunately, this hasn’t been implemented yet. We override React Native’s XMLHttpRequest because it used base64 and is very slow (although I wonder if this has been fixed in recent versions), but our implementation doesn’t have progress at the moment.

Please drop a note in the issue or help us implement it if you can.

I’m afraid that my knowledge with the native side of things isn’t enough to tackle this issue, if this is low on your priority list then maybe i can give it a go cause it’s important for my usecase, so i’d appreciate any pointers that can help me get started.

Thanks!

It’s not super trivial, but we are adding getResponseHeader to the XHR implementation in these two PRs:

You need to do something similar in terms of the files you need to change. I did some refactoring in my PR that you will not need to do.