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

Takemura · October 18, 2022, 3:13pm

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

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

opened 12:55PM - 01 Mar 21 UTC

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);

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