Heya! I've been facing an issue, whenever I do everything up to loading the model into the scene, I get the error: "Property ''Image" doesn't exist" thrown by the gltf loader, any idea how to fix it?
First of all, thank you for this content. When I try this for another model, I get this error --> Unable to resolve "../assets/Models/Model.glb" from "components\Model.tsx". How can I solve it?
Hello! Managed to follow up the tut until 16:30 , for some reason the project loads succesfully, but when I use the canvas, the whole text dissapears & no model If I use () the text appears & no model. Any clues ? Would really appreciate any tips
@@imam_robani hi, thank you for reminding me to create shared elements, but for now there are some bugs from the Reanimated side, so I'm still waiting until the bugs are resolved
after adding config.resolver = { sourceExts: ['js', 'jsx', 'json', 'ts', 'tsx', 'cjs', 'mjs'], assetExts: ['glb', 'gltf', 'png', 'jpg'], } have an error Unable to resolve "./vendor/react-native-vector-icons/Fonts/AntDesign.ttf" from "node_modules/@expo/vector-icons/build/AntDesign.js" pls, help me
Has anyone been able to upload the model with Expo? I have the following error: ERROR TypeError: Cannot read property 'extractUrlBase' of undefined, js engine: hermes
Hey, I'm sorry, I'm unable to reproduce your error, Can you inform me about the versions of React Native, Expo, Expo GL, Fiber, and Drei that you are using?
@@rakhawibowo npm install three @types/three @react-three/fiber , npm install three @react-three/fiber , npm install @react-three/drei All this is required or am i missing someting?
@@zainkanji4737 you need to install Expo Module and Expo GL to use React Three Fiber in React Native, you can follow at 0:33 or on React Three Fiber docs docs.pmnd.rs/react-three-fiber/getting-started/installation#react-native
hey can you tell me which version of React Native, Fiber and Drei you are using ? does it happen on Android or iOS ? and is it on a Real Device or on an Emulator/Simulator?
permisi mas, saya mencoba mengikuti tutorial mas, tapi saya mengalami kendala saat install React Three Drei karena dependency conflict dengan Three js 🙏
@@rakhawibowo React Three Drei versi 9.106.1, Three versi 0.165.0, saya lihat di reponya react three drei dependency nya pakai three versi "three": "^0.151.0" mas, Terimakasih udah balas mas🙏
@@rakhawibowo boleh liat package.json nya mas?, btw saya ga pakai expo buat install react nativenya mas, terimakasih 🙏 Edit : Udah bisa mas, terimakasih ya mas 🙏
Hey thanks for your video. Can you please share your build.gradle, app/build.gradle, gradle-wrapper.properties and package.json so we can check gradle, kotlin and jdk version
Hey thankyou for watching!!! I'm using React Native version 0.72.7, JDK11 and you can find the information you ask about in this repo github.com/Rakha112/react-native-animation
Thanks so much but I cannot build the app on my android device @@rakhawibowo . I see you updated the repo very recently and it has compatibility issues related with kotlin, gradle and java versions in my pc. I am stuck and looking for suggestions
I have tried upgrade and downgrades@@rakhawibowo from compatibily matrix. When I create a new project and install dependencies, the error is export default function Model(props: JSX.IntrinsicElements['group']) { > 29 | const {nodes, materials} = useGLTF(require(''../assets/Model.glb')) as GLTFResult; | error: Error: Unable to resolve module ../assets/Model.glb from /Users/pinarunsal/Developer/react/native/protatip/gitAnim/test/AwesomeProject/src/components/Model.tsx: I am sure of the path. when I try to import the .glb path, same error
Extremely helpful. We need more React Native and 3JS and Fiber tutorials.
Thank you so much bro!! Glad if this video can help you!!!
Heya! I've been facing an issue, whenever I do everything up to loading the model into the scene, I get the error: "Property ''Image" doesn't exist" thrown by the gltf loader, any idea how to fix it?
Thank you for sharing!
this tutorial is so cool!
I love it.
Thank you so much broo!!!
One question. Does this method convert webGL code to native OpenGL code and generate APK?
First of all, thank you for this content. When I try this for another model, I get this error --> Unable to resolve "../assets/Models/Model.glb" from "components\Model.tsx". How can I solve it?
now I getting this error--> TypeError: gl.texImage3D is not a function (it is undefined)
did u solve it!!?
thanks for this amazing video you just got one more subscriber... pls make more videos in cli..
Hey, thank you so much for supporting this channel 🔥
What if I want to use multiple 3D objects and change the visualization by just passing different object path by props?
Hello!
Managed to follow up the tut until 16:30 , for some reason the project loads succesfully, but when I use the canvas, the whole text dissapears & no model
If I use () the text appears & no model.
Any clues ?
Would really appreciate any tips
hello, does the model appear before you set the scale and position ?
@@rakhawibowo Nope, not at all :/
@@Wildenza Make sure the parent style (modelContainer) is correct, and check if there are any error messages
@@rakhawibowo Managed to sort it out in the end.
Works :)
Thank you! Your content is great!
hey thank you very much, I really appreciate it!!!
thank you!!!!
Great video!
I don't have a metro.config.js file after installing Expo or Three. Do I need to create it or is it no longer required?
Hey thanks!!!
If you're using Expo, you can follow the docs to generate the metro.config.js file docs.expo.dev/guides/customizing-metro/
It was very interesting!!!!!
hey thankyou so much for watching!!!
Great job! How can I apply a texture to part of the object? Do you know how I do this? I would like to wear a shirt using a texture on a mannequin.
hey you can use the useTexture hook from Drei to load the texture separately, maybe you can give me an example for the 3D model so I can try it ?
@@rakhawibowo this idea is just in my mind. I will try to implement and go back to give a feedback.
Great content 🎉❤
Thank you so much broo!!!
Wow, insaane content!
Thanks bro 🔥
very helpful!
Glad it was helpful!
First bro.
That's amazing !!!
Hey, thank you very much for always supporting this channel broo, I really appreciate it!!!
@@rakhawibowo sure, make shared screen animation bro
@@imam_robani hi, thank you for reminding me to create shared elements, but for now there are some bugs from the Reanimated side, so I'm still waiting until the bugs are resolved
@@rakhawibowo alright, thanks bro
after adding config.resolver = {
sourceExts: ['js', 'jsx', 'json', 'ts', 'tsx', 'cjs', 'mjs'],
assetExts: ['glb', 'gltf', 'png', 'jpg'],
}
have an error Unable to resolve "./vendor/react-native-vector-icons/Fonts/AntDesign.ttf" from "node_modules/@expo/vector-icons/build/AntDesign.js"
pls, help me
Hey, make sure you also include the ttf extension in the assetExts
So it only works with expo? what about CLI?
Hey, in this video, I used the CLI, but to use React Three Fiber, you need to install Expo modules.
@@rakhawibowo Got it. Thanks
Niceee
Has anyone been able to upload the model with Expo? I have the following error: ERROR TypeError: Cannot read property 'extractUrlBase' of undefined, js engine: hermes
Hey I just tried it on Expo, the model loads fine for me
@@rakhawibowo which drei version and expo sdk are you using?
@@DieghoxCr7 I am using Expo v49.0.15, Fiber v8.15.9 and Drei v9.88.9
@@rakhawibowo I have the same dependencies, but I get that error
@@DieghoxCr7 Did you use the same model as in this video or did you use your own model ?
Error: Cannot find native module 'ExponentGLObjectManager' I am getting this error followed all the steps can u help me?
Hey, I'm sorry, I'm unable to reproduce your error, Can you inform me about the versions of React Native, Expo, Expo GL, Fiber, and Drei that you are using?
@@rakhawibowo Like i Have Latest Version of everytinng cause i created my Project last week and is based on CLI not expo
@@rakhawibowo npm install three @types/three @react-three/fiber , npm install three @react-three/fiber , npm install @react-three/drei
All this is required or am i missing someting?
@@zainkanji4737 you need to install Expo Module and Expo GL to use React Three Fiber in React Native, you can follow at 0:33 or on React Three Fiber docs docs.pmnd.rs/react-three-fiber/getting-started/installation#react-native
@@rakhawibowo like this will work in CLI project also?
I have tried it but I am making native cli project it is not loading there
hey can you tell me which version of React Native, Fiber and Drei you are using ?
does it happen on Android or iOS ?
and is it on a Real Device or on an Emulator/Simulator?
@@rakhawibowo i am using latest versions of all and it's real device android.
@@rakhawibowo i have tried so many times but still no results
Basically model is not showing on screen
Are you using the same model as in this video?
permisi mas, saya mencoba mengikuti tutorial mas, tapi saya mengalami kendala saat install React Three Drei karena dependency conflict dengan Three js 🙏
Boleh tau versi Dari React Three Drei sama Three nya mas ?
@@rakhawibowo React Three Drei versi 9.106.1, Three versi 0.165.0, saya lihat di reponya react three drei dependency nya pakai three versi "three": "^0.151.0" mas, Terimakasih udah balas mas🙏
@@ashraf6625 Saya coba dengan versi yang sama, di saya normal mas, nggak ada dependency conflict
@@rakhawibowo boleh liat package.json nya mas?, btw saya ga pakai expo buat install react nativenya mas, terimakasih 🙏
Edit : Udah bisa mas, terimakasih ya mas 🙏
Sip mas sama sama, saya yang sekarang kena conflict peer dependency hahaa, saya sudah coba open issue di reponya R3F
@rakhawibowo i'd like to see an implementation of the endless list with recycleListView
Hey, thanks for the suggestion, I'll add it to my list
Hey thanks for your video.
Can you please share your build.gradle, app/build.gradle, gradle-wrapper.properties and package.json so we can check gradle, kotlin and jdk version
Hey thankyou for watching!!!
I'm using React Native version 0.72.7, JDK11 and you can find the information you ask about in this repo github.com/Rakha112/react-native-animation
Thanks so much but I cannot build the app on my android device @@rakhawibowo . I see you updated the repo very recently and it has compatibility issues related with kotlin, gradle and java versions in my pc. I am stuck and looking for suggestions
Can you tell me which version of React Native and JDK you are using? and are there any error messages that appear?
I have tried upgrade and downgrades@@rakhawibowo from compatibily matrix. When I create a new project and install dependencies, the error is
export default function Model(props: JSX.IntrinsicElements['group']) {
> 29 | const {nodes, materials} = useGLTF(require(''../assets/Model.glb')) as GLTFResult;
|
error: Error: Unable to resolve module ../assets/Model.glb from /Users/pinarunsal/Developer/react/native/protatip/gitAnim/test/AwesomeProject/src/components/Model.tsx:
I am sure of the path.
when I try to import the .glb path, same error
@@spmina12 Make sure you have modified your metro.config.js file as in the documentation