All Questions
Tagged with three.js react-three-fiber
836
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
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 ...
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 ...
1
vote
0
answers
40
views
How to Change the Initial Perspective of CameraControls?
I've written a React component where I'm trying to change the initial perspective of CameraControls, but I haven't been successful. Does anyone have any ideas?
The code to change the position of the ...
0
votes
0
answers
21
views
ThreeJS hitbox manipulation
Very new here, apologies if this is super basic.
I have a sphere. I want to:
Be able to create zones on the mesh. So at a start there will be one zone completely around the mesh. This is essentially ...
0
votes
0
answers
49
views
How to make completely white floor with shadows?
Please help. I want white floor and shadows on it, but all I get is lightgray floor with very thin shadow:
lightgray floor
My floor and light configuration:
const ModelSceneEnvironment = () => {
...
-1
votes
0
answers
16
views
How to Rotate Camera Around a 3D Map in React Three Fiber Without Moving Too Far From the Map (not in a circular path)
I am working on a 3D map using React Three Fiber, and I have implemented auto-rotation using OrbitControls. However, the camera rotates in a perfect circle, causing parts of the map to appear far away ...