Questions tagged [react-three-fiber]
Questions about React-three-fiber, a React renderer for Three.js.
react-three-fiber
1,131
questions
-1
votes
0
answers
37
views
Some of three object are crashing
I'm using react three/drei library to render some 3d objects in my website , on desktop they're all rendering correctly but in mobile some of them are crashing and not displayed properly , i asked ...
0
votes
0
answers
15
views
How to set state with useFrame in react three fiber
I am working on a project that displays sensor data from an airplane to show orientation using React Three Fiber (R3F). There are also other components, like a chart, that rely on this same data. The ...
0
votes
1
answer
36
views
How to make orbit controls' center something other than the center of the canvas?
I want to rotate an object or the camera around the center of an object, however the object is not placed in the center of the canvas, a little to the left. So using OrbitControls is making the object ...
-4
votes
0
answers
21
views
how to create this animation in react.js [closed]
logo
i want this logo to be created using any react animations library.
i am hoping to achieve an animation where a 3d cube rolls down the 3d plane leaving behind a path which creates this logo(i hope ...
0
votes
0
answers
23
views
The scroller delays (or lags) when using react-three/fiber and framer-motion
I'm trying to combine three.js content by react-three/fiber and framer-motion.
The problem is that when I use framer-motion to pin the canvas to the top, I notice a delay gap between my HTML content ...
0
votes
1
answer
32
views
How to enable camera scroll and disable zoom using camera controls drei
I use CameraControls of Drei Three JS to controls the transition. I already create useEffect to update the zoom, scroll, and rotate of the CameraControls but the zoom and rotate event still enable. ...
0
votes
0
answers
31
views
T Pose between animations in React Three Fibre
I am using 3d models from Ready Player me and animations from Mixamo, when I switch between animations, I want a smooth transition but instead I get a T-pose between animations. The 3d models are glb ...
0
votes
0
answers
12
views
Texture on GLTF model is duplicated in Three.js. How to render texture without duplication?
I am attaching a picture below.
I have a React app with a GLTF model in it. I can put a texture on this model, but for whatever reason, this texture (Starbucks logo) is duplicated. I don't want it to ...
0
votes
0
answers
37
views
Locomotive-scroll don't work in my code in R3F
Locomotive scroll doesn't work in my code. When I click on a 3D element it displays a modal with text and I'd like to add scrolling effects with locomotive, I don't get console errors but scrolling is ...
0
votes
0
answers
30
views
How to resolve the error 'Module parse failed: Unexpected token (13:12)' in react-native-web?
i'm trying building react-native with react-three-fiber on web by react-native-web
It works, but with react-three-fiber
Trying to import react-three-fiber/native according to the environment
I wrote ...
0
votes
0
answers
15
views
Three.js Draco compression by gltf transform
I want to apply draco compression on the scene which is currently present in the scene without downloading. I know we can read a glb or gltf file from local. I want to read the scene currently present....
0
votes
0
answers
27
views
Three fiber properly initializing InstancedMesh with useEffect to prevent unnecessary updates
I am creating a three-fiber project of a globe with different markers in cities. The idea is that you can click on a marker to see information about the city.
To create the markers, I am using an ...
0
votes
0
answers
51
views
How to apply a minecraft skin texture to my model and add the outer layer to the model?
I want to add minecraft skin model to my website using three.js:
I'm using next.js, so to interact with three.js I use @react-three/fiber and @react-three/drei.
I just started learning three.js and ...
0
votes
0
answers
24
views
Scroll looks harsh in static site Hero section with framer-motion scroll animations
In a personal site I have a Hero section with a couple images set to produce a parallax effect and a 3D model. The desired behavior is for the 3d model to animate before the parallax effect is ...
0
votes
0
answers
25
views
react three fiber scene lagging on windows when keyboard keys are held down
I have a next JS app that is using react through fiber to create and render a scene with a model of an airplane. I have an array that contains about 50,000 objects that describe the airplanes position ...