Unable to load GLTF model in android release mode, but working fine in debug mode

Manjunatha_Mc · October 17, 2022, 3:33pm

thanks in advance

sebavan · October 17, 2022, 4:13pm

A repro would really help to better understand what is happening as well as if you use babylon native or react native ?

Manjunatha_Mc · October 18, 2022, 2:31pm

I am trying load to local GLTB in my react native project. It’s working in Android debug build, but GLTF model is not loading in “Release Build”.
I am converting my local model file path into “http” uri using resolveAssetSource.
In degub, file path is coming correct “http” format, but in release mode file path coming like “Assets_3DModels_basic_sci-fi_crate_screne1.gltf”
Do you how to get file path in “http” format in android release mode.
Is there any way to load model in android release build?

I shared my code below

import resolveAssetSource from ‘react-native/Libraries/Image/resolveAssetSource’;

const sceneGLBUri = resolveAssetSource(“…/…/Assets/3DModels/basic_sci-fi_crate/scene1.gltf”).uri;
const { meshes, animationGroups } = await SceneLoader.ImportMeshAsync(
“”,
sceneGLBUri,
“”,
scene
);

Takemura · October 18, 2022, 3:13pm

Maybe this discussion helps you, it is including your case with Android Release mode:

github.com/BabylonJS/BabylonReactNative

importing a .glb file fails if only local path is provided and not served through HTTP

opened 12:55PM - 01 Mar 21 UTC

f4z3k4s

enhancement

Hi! First of all, thanks for the great work for all maintainers. I've ju…st started using this library in my project for rendering `.glb` files. When the `.glb` file is served from a local static server, `SceneLoader.ImportMeshAsync` and other similar methods used for importing assets, such as `Append`, `AppendAsync`, etc.. work perfectly. However, when the file is not requested over HTTP, but rather the local path is provided to the above stated methods, the app just crashes without any easily traceable error (I wasn't looking so hard for the error, but it didn't appear in the terminal of the packager). Maybe it's my uneducatedness but from the documentation available [here](https://doc.babylonjs.com/divingDeeper/importers/loadingFileTypes), I expected the import to work with just a local path. I was able to solve the issue by using `expo-asset` to load the `.glb` file instead and provide a local uri, and then passing that local uri to Babylon, described in the below way: ```ts import '@babylonjs/loaders'; import { Asset } from 'expo-asset'; import { SceneLoader, ... } from '@babylonjs/core'; const [{ localUri }] = await Asset.loadAsync( require('/assets/3d/tesla-high.glb') ); const { meshes } = await SceneLoader.ImportMeshAsync( '', localUri as string, '', scene ); ``` However, I'd expect the library to do something similar internally, making the user to be able to only provide a path to a local `.glb` file and it load it without issues. If this work is purposefully left for the user, it would be nice to have it stated in the main documentation, since I think it's quite a common use-case.

This is how it is implemented in Space Pirates via require(…):

github.com

BabylonJS/SpacePiratesAR/blob/4a855844fefdede1205abeec7eb79cf61fdc7fc7/App.tsx#L102


      
          var envCube = CubeTexture.CreateFromPrefilteredData(envUri, scene, ".env");
          envCube.name = "environment";
          envCube.gammaSpace = false;
          envCube.rotationY = 1.977;
          scene.environmentTexture = envCube;
          
          
// glow
          const glowLayer = new GlowLayer("glowLayer", scene);
          glowLayer.intensity = 0.5;
          
          
const sceneGLBUri = resolveAssetSource(require('./assets/nativeStaticScene.glb')).uri;
          SceneLoader.AppendAsync("", sceneGLBUri, scene).then(() => {
            const starsGLBUri = resolveAssetSource(require('./assets/starsGeo.glb')).uri;
            SceneLoader.AppendAsync("", starsGLBUri, scene).then(() => {
              const starfield = scene.getMeshByName("starsGeo");
              starfield.scaling = new Vector3(4500, 4500, 4500);
              setStarfield(starfield);
              const starsShader = require('./assets/starfieldShader.json');
              const starsPanoramaUri = resolveAssetSource(require('./assets/starfield_panorama_texture.jpg')).uri;
          
          
    var starsShaderMaterial = new NodeMaterial("starsShader", scene);

Manjunatha_Mc · October 18, 2022, 7:24pm

I have tried exo-assest Gltf is working debug mode, it’s not working in release mode.
but glb working fine both debug and release mode.

Manjunatha_Mc · October 19, 2022, 12:24pm

Hi @sebavan @Takemura Do you have idea about babylon js apps in playstore. using gltf models.

sebavan · October 19, 2022, 2:51pm

cc @Cedric and @bghgary

Cedric · October 19, 2022, 2:55pm

Yes, it’s a known issue…still on the radar with no ETA yet.

Manjunatha_Mc · November 7, 2022, 1:37pm

@Cedric @bghgary Any updates?

Cedric · November 7, 2022, 1:38pm

No, sorry. Still on my radar though.

suhail_pacer · September 26, 2023, 8:34am

Just to check, any update/fixes on this? Right now I’m using React Native 0.72.3 and @babylonjs/react-native 1.6.3. But the model is not showing on Android release mode. It’s working on Debug mode.
I also tried using .glb file and assign the path to {uri: "assets/model.glb"} instead of using require("./model.glb) but it is still not showing.

Cedric · September 26, 2023, 8:51am

I know. It’s still on our todo list.
There is this issue : importing a .glb file fails if only local path is provided and not served through HTTP · Issue #165 · BabylonJS/BabylonReactNative · GitHub

I keep updating it with new workarounds.

suhail_pacer · October 11, 2023, 5:01am

@Cedric any updates on the workarounds?

Cedric · October 11, 2023, 6:36am

no new update. did you try those provided in the github issue?

suhail_pacer · October 11, 2023, 7:04am

oh I havent tried them all. just checked, will try them out. thanks Cedric!

Topic		Replies	Views
GLTF model loading issue in Android release build Bugs	6	1000	November 14, 2022
GLTF loading from assets on android Questions	4	1161	July 29, 2021
Load local app GLTF/GLB mesh in Babylon React Native? Questions babylon-native	25	3800	January 3, 2023
Model loading issue Bugs	5	541	October 4, 2022
Render model with root url as a file system path (React native) Questions	2	364	August 9, 2023

Unable to load GLTF model in android release mode, but working fine in debug mode

Related topics