313 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
3
votes
1
answer
75
views
i uploaded a 3d model file in cloudinary and want to fetch it but when i doi it, it says: it "cannot read property 'match' of undefined"
i want to show on the screen the 3d model when i import it from cloudinary and it is succesful but the problem is that it wontshow the 3d model on the screen and the error says failed to load GLF ...
0
votes
0
answers
31
views
Camera framing problem in R3F (CameraControls + different object aspect ratios +Screens with different sizes)
I’m building a 3D website in React Three Fiber, Three.js, and @react-three/drei.
The scene is a 3d circular monument with 4 wall-mounted objects spread evenly around the monument: Mirror, ATM, Statue, ...
0
votes
0
answers
44
views
Error "Converting circular structure to JSON" on Custom Postprocessing Effects
I’ve built a custom pixel distortion effect post-processing effect for R3F using @react-three/postprocessing’s . Here’s the gist:
CustomEffect file:
class CustomPixelDistortionEffect extends Effect {
...
0
votes
0
answers
52
views
How to add clean trail effect to R3F object component that is a scaled down glb?
I am trying to add a trailing effect to a glb model of Tinkerbell. I have the logic split into four components:
SimpleTrail.jsx which renders the trail effect on a particular target ref (working)
...
1
vote
0
answers
43
views
How to load animations one by one in GLTF using three js
I am using glb files and using useGLTF from @react-three/drei
I need to run specific functions in specific animation whenever it is running
the issue is I am getting all the animations at a time and ...
0
votes
2
answers
101
views
How to make a size-fixed sprite with proper scaling in React-fiber-three?
I'm new to R3F and I'm trying to learn some basic fundamentals, basically what I'm trying to do is render a car model from a .glb file and then render a circular button on the door of car which would ...
0
votes
1
answer
123
views
ThreeJs: How to rotate two object with positive and negative degree
I am trying to rotate each object separately, and each object has its own rotation field and, when I change the rotation field it should maintain the corner position.Right now only negative rotation ...
0
votes
1
answer
103
views
How to implement view offset translation when using CameraControls in React Three Fiber?
In the camera-controls source code, there is an example of a view offset. How can this be implemented using the CameraControls wrapped in '@react-three/drei'?
let offsetUpdated = false;
const ...
0
votes
1
answer
103
views
I'm trying to add a glass effect to my GLB model in React Three Fiber based on the angle
I need the same effect like the screenshot below. Here is the sandbox
import React, { useEffect } from "react";
import { useGLTF, OrbitControls } from "@react-three/drei";
import { ...
0
votes
0
answers
82
views
R3F couldn't load texture blob
So I have been building a 3D model showcase site, at random times I am getting this error of texture not being rendered, I am using Three.js drei package
At random times, I encounter a texture/...
0
votes
1
answer
42
views
Where is the threshold measured from in LOD rendering in three.js?
I'm doing LOD rendering for multiple meshes. I'm confused about where the threshold is measured from.
I have a demo that works, except the high and low resolution meshes are swapped out for both the ...
5
votes
1
answer
197
views
How to move inside scene with Orthographic camera?
I'm using CameraControls from React Three Drei, but I imagine my question is about three.js in general.
https://drei.docs.pmnd.rs/controls/camera-controls#cameracontrols
I need to be able to move ...
1
vote
1
answer
64
views
How do I reliably rotate a 3D cube to a specific face — even after users move it around?
I have a 3D cube with 6 sides. Two of those sides have icons: one for music and one for sports.
I also have two buttons: one labeled Music and one labeled Sports.
When the user hovers over the Music ...
0
votes
0
answers
73
views
React three fiber error rendering 3dmodels on expo react native 18.3.1
Im running into alot of issues trying to run react three fiber on react native app(expo sdk 52). I have a simple box setup but get error saying 'cannot convert undefined value to object'. I tried ...
0
votes
0
answers
50
views
Disappearing elements in a react-three animation
I created a simple animation of some boxes arranging themselves into a wall with react-three/fiber + react-three/rapier. Unfortunately, it seems that whenever the computational requirements increases -...