Skip to main content
The 2024 Developer Survey results are live! See the results

Questions tagged [react-three-fiber]

Questions about React-three-fiber, a React renderer for Three.js.

react-three-fiber
-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 ...
Moemen's user avatar
  • 1
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 ...
Christopher Sheehan's user avatar
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 ...
Savinyu Pant's user avatar
-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 ...
Shanmugavasan R's user avatar
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 ...
Effie Liang's user avatar
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. ...
Yustina Yasin's user avatar
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 ...
Adam Saleem's user avatar
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 ...
unnamed-random's user avatar
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 ...
Paul's user avatar
  • 1
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 ...
최윤석's user avatar
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....
Himanshu Kaushik's user avatar
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 ...
Sofia's user avatar
  • 1
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 ...
zzhuravleff's user avatar
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 ...
SanZLan's user avatar
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 ...
Christopher Sheehan's user avatar

15 30 50 per page
1
2 3 4 5
76