React Native: load a GLB with embedded textures

See original GitHub issue

Hi everyone!

I’m checking out the beta with React Native and I wanted to check if someone was able to load via a remote URL with GLTFLoader. Looks like React Native’s FileLoader implementation isn’t working correctly. I started to patch it but wanted to check here.

Let me know if you have any feedback! Thanks 😃

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:4
  • Comments:55 (19 by maintainers)

github_iconTop GitHub Comments

4reactions
CodyJasonBennettcommented, Aug 8, 2022

@XiongMeng1992, I’m not aware of a way to do that without either patching react-native or three’s GLTFLoader to create data textures instead of ArrayBuffer => Blob => Texture, hence this issue (see https://github.com/pmndrs/react-three-fiber/issues/1972#issuecomment-1155975869, https://github.com/pmndrs/react-three-fiber/issues/1972#issuecomment-1157011201).

My current focus is investigating a polyfill we can ship optionally in R3F’s <Canvas />.

2reactions
CodyJasonBennettcommented, Oct 23, 2022

No, and please don’t ask that of open-source projects. I have now a chain of responses that outline user-land fixes and work-arounds, but we can’t make this official without a fix in react-native downstream.

Read more comments on GitHub >

github_iconTop Results From Across the Web

GLTF textures in react-three-fiber - YouTube
We used a library called react -three-fiber which is a renderer for three. js, a WebGL library. In this stream, we fix the...
Read more >
Working with GLTF models in React.js - YouTube
Import GLTF model into React. js to build a product customizer with react-three-fiber. GLTF files can be exported from blender.
Read more >
how to add texture to the GLB file for the 3D Model using ...
I tried the below code to add texture to the OBJ file it's working fine but it's not working with the GLB file...
Read more >
Cody Bennett on Twitter: "Code-golfed a very minimal version ...
The complexity is in textures and alpha blending, so the hope is to not ... React Native: load a GLB with embedded textures...
Read more >
Error loading glb model - webpack electron react typescript
Hello! I managed to load the model, but no textures. Model with textures throws an error. The loader cannot handle the base64 format....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found