How to calculate the resource size of all files and how many resources have been loaded when loading network resource files

tianbadibatuasss · May 9, 2023, 3:15pm

When I need to import multiple network assets and calculate the current loading level based on the total resource size and the loaded resource size for the custom loading screen implementation (DefaultLoadingScreen), I don’t know how to do it (but I will load a single asset file, I will. For example, use the onProgress event of AppendAsync), but multiple resource loading I don’t know how to get the total resource size and the size of the loaded resource…

tianbadibatuasss · May 9, 2023, 3:27pm

It looks something like this

https://www.media-geneva.ch/demos/bjs/snowball/psa.html

I don’t know how this works

sebavan · May 9, 2023, 10:45pm

I am not sure what the best strategy would be but counting. @bghgary do I remember correctly that you worked on something similar for gltf progress ?

bghgary · May 9, 2023, 10:50pm

Here is what we do in the glTF loader when multiple files are being loaded for loose glTF files with external resources. The web requests are stored in an array with its own stats stored on the requests themselves, then they are aggregated.

github.com

BabylonJS/Babylon.js/blob/master/packages/dev/loaders/src/glTF/glTFFileLoader.ts#L861-L888


      
          private _onProgress(event: ProgressEvent, request: IFileRequestInfo): void {

              if (!this._progressCallback) {

                  return;

              }

          

              request._lengthComputable = event.lengthComputable;

              request._loaded = event.loaded;

              request._total = event.total;

          

              let lengthComputable = true;

              let loaded = 0;

              let total = 0;

              for (const request of this._requests) {

                  if (request._lengthComputable === undefined || request._loaded === undefined || request._total === undefined) {

                      return;

                  }

          

                  lengthComputable = lengthComputable && request._lengthComputable;

                  loaded += request._loaded;

                  total += request._total;

This file has been truncated. show original

Does this help?

tianbadibatuasss · May 9, 2023, 11:28pm

I need to load glb, fbx files, GLTFFileLoader seems to be just loading glft, and this is a private method, how do I use it…

sebavan · May 9, 2023, 11:35pm

We do not support fbx files in Babylon at the moment. You would need some support for it in the loader you are using.

bghgary · May 9, 2023, 11:50pm

I’m not saying you should use this method directly. Just do something similar to what we are doing in the loader. It’s not a lot of code.