Unable to load 3d Modal in my Babylon react native project

Bugs
1

Hii… I have used the babylon react native sample project GitHub - BabylonJS/BabylonReactNativeSample change typescript to JS. In that I just changed the 3d Modal URL from Firebase but it shows some error in my mobile(Screenshots attached below).

photo_6337050295233786598_y
photo_6337050295233786598_y591×1280 84.6 KB

My code :

 useEffect(() => {
        if (engine) {
            const url = "https://firebasestorage.googleapis.com/v0/b/arapps-d26c3.appspot.com/o/Test%2FMIXA_Export%2FTestCube.glb?alt=media&token=eb23fdc3-c94d-4cd9-8ae7-5f633e0064bd";
            SceneLoader.LoadAsync(url, undefined, engine).then((scene) => {
                scene.createDefaultCameraOrLight(true, undefined, true);
                scene.activeCamera.alpha += Math.PI;
                scene.activeCamera.radius = 10;
                setCamera(scene.activeCamera);                
            });                                
        }
    }, [engine]);
2

Hello and welcome to the Babylon community! Have you checked that your url points to a valid resource?

3

Yeah… you can also check that firebase link.

4

ccing @srzerbetto

1 Like
5

Welcome to the Babylon Forum @Gokulc133 !

I will take the BabylonReactNativeSample change it to Javascript and see if I can repro your issue. Your URL seems to be fine. I was able to load the scene using the Playground with no problem. If you just create a static scene, with a plane and s sphere, do you get this error? (Just want to double check if it is not an issue from changing the project to Typescript to Javascript).

6

yes… It can load gltf raw file from github. can you tell me how to load GLB modal into my project.?

7

By changing the LoadAsync to Load (and giving it a onSuccess callback) you should be able to get the actual error. It seems the request if failing for some reason, maybe XMLHttpRequest implementation in the browser has features that the React Native implementation do not have.

1 Like
8

I have tried all the loader methods from Babylonjs, Can you please pull the repo and check with our firebase URL and let me know.

9

@srzerbetto
I have founded that all GLTF modal from github will load… But I need to load 3D modal from firebase…

10

You might need a special config to set the correct mime type on firebase ???

11

We have already used 3d modal for another project. But the problem is unable to do on specific Babylon native itself.

12

@Gokulc133 what platforms are you using with Babylon Native ???

@srzerbetto could you try out the PG in Babylon Native just to see if there are incompatibilites for some reasons ?

13

@sebavan , I will take a look. Maybe it is something related to how XMLHttpRequest is implemented in Babylon Native.

1 Like