All Questions
14
questions
0
votes
0
answers
50
views
Why is my GLB file from Blender not casting shadows in Three JS? (specifically in react three fiber)
I exported a GLB file from blender but when I import it into three js, it does not cast any shadows. I have made sure that my light has castShadow set to true, my ground has receiveShadow set to true, ...
0
votes
1
answer
209
views
How can I import a glb model from Blender with Shape Keys, into ThreeJS/ react-three-fiber?
TLDR; Importing a glb model from Blender into my react-three-fiber app breaks with the following error, when the exported model has multiple Shape Keys:
TypeError: Cannot read properties of undefined (...
0
votes
0
answers
36
views
How can I smoothly load .obj files in my React component and switch between them without encountering "A component suspended while respon..." error?
`error : A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with ...
0
votes
1
answer
267
views
Blender model looks completely different in THREE.js
I have a Blender model that I want to use on my website, where I use THREE.js, but when I load my GLTF file, it looks broken. Things are missing or are in the wrong spot, the lighting also seems a ...
0
votes
1
answer
2k
views
Set Up to load 3d Model (.obj, .glb) in React with Three.js
I wanna Load my 3d Model from Blender into my React App with Three.js
What functions do i need where i have to place them
my App looks like this:
-public
(my glb model)
-src
-assets
-components
...
0
votes
2
answers
364
views
Blender + Three.js animation
so I got myself a 3d model of a umbrella which already comes with a animation which opens and closes it. Now i imported it into my project using Three.js and played the animation.
Using the code I ...
2
votes
0
answers
129
views
R3F issue importing GLB with animations from ReadyPlayerMe and Blender
I exported a character from readyplayer.me as glb, which works fine in R3F.
I imported the model into Blender and transformed it into a FBX for mixamo.
After I selected the animations I liked I ...
0
votes
0
answers
162
views
Is there a way to fix parts react three fiber mesh turning invisble?
I have a react three fiber component from a GLTF model I created in Blender. When I apply a material, it becomes invisible at different angles.
In blender it looks fine, so it seems that maybe it is ...
- 26
0
votes
0
answers
604
views
Three.js rendered model looks different from Blender rendered model
There is a big difference in terms of looks and lighting between the model in Three.js and the model in Blender. I'm using the latest versions of Next.js with React Three Fiber at the time of writing ...
- 332
0
votes
0
answers
520
views
Anyone have experience with loading a GLB file with webpack?
I am trying to use a .glb file into a react-fiber-three app.
Error says about a GLB file:
Module parse failed:
Unexpected character '' (1:4)
You may need an appropriate loader to handle this file type
...
- 107
2
votes
1
answer
3k
views
How to render a Blender Model in a web page?
So i have explored multiple options about rendering my blender models in my web app, Right now i am exporting my model as a .gltf format and here is my code
App.js
import React, { Suspense } from '...
- 485
2
votes
1
answer
2k
views
Can't import a 3D model using ThreeJS and React
I'm using React and ThreeJS to import a 3D model into a web page. The problem is in the function to load the mesh into my ThreeJS scene. I'm getting the following error:
TypeError: Cannot read ...
- 305
0
votes
0
answers
1k
views
React and Three.JS FBXLoader: model not visible and no errors in the console
I am encountering an error and I would like some help. I really do not have much time to fix this and I feel I have tried everything. I am a complete beginner in Three.js (as probably will notice), ...
- 1
4
votes
1
answer
5k
views
JSON - Blender & ThreeJS - Unexpected token < in JSON at position 0
I have exported a 3D model from Blender using the io_three addon.
Now I am trying to load this model into ThreeJS using code like this.
import React, { Component } from 'react';
import * as THREE ...
- 3,063