Questions tagged [react-three-drei]
275 questions
0
votes
0 answers
How do I resize
I am using React, ThreeJS, React-Three-Fibre
Here is the boilerplate from there website:
function App() {
const Box = (props) => {
// This reference gives us direct access to the THREE.Mesh object
const ref = useRef()
// Hold…
stopbanningmelmao123
- 11
- 5
0
votes
0 answers
How to hide marker of another side
We are trying add a marker as dynamically in model. The marker is a html.
But this marker shows in all side even though model is rotated. We hope to hide if model shows other side that has nothing…
0
votes
1 answer
Dynamically change textures in three js for imported gltf model
No matter what I do, I cannot get a texture to update after importing a GLTF model using react-three fiber.
const { nodes, materials } = useGLTF("/glb4.glb");
const newtexture = useLoader(TextureLoader, "texture1.jpg");
newtexture.flipY =…
TheEpic
- 37
- 4
0
votes
0 answers
Problems with texture when I import .glb file. My whole scene looks over illuminated but there are no lights?
Total noob here and I cant seem to get through this here. I have tested the glb file in several other viewers and it looks normal. In the three.js editor it also looks perfect. When I actually import it on my site it gets this weird color, there are…
Migui37
- 1
0
votes
0 answers
Animation wont play on React-Three-Fiber
I have a model that I created in Blender, currently in development phase. But I wanted to try to load the animation in React/fiber to see how it looks, but unfortunately animation wont work, here is the code sandbox…
marun
- 17
- 6
0
votes
1 answer
How to load models 3d in React Three Fiber
I have an App.js file that renders an icosahedronGeometry in Three Fiber, how do I make the file that loads the model that is in the Model.js file
App.js
import React, { Suspense, useRef} from "react";
import { Canvas, useFrame } from…
Ilson Ricardo
- 1
- 1
0
votes
0 answers
rendering pixelated texture from image
I'm using three.js to render a cube with image on each side. For some reason the texture is pixelated. I tried fixing this bug by setting minFilter and magFilter but didn't work for me.
The image is simply white text with no background (width:…
jakubbaginski
- 35
- 5
0
votes
1 answer
Import problem on react three drei library
Hello Everyone I would like to import an item from the react three draie library however I have the following error when importing
I currently have the version of react three drei
"@react-three/drei": "^8.20.2",
enter image description here
I would…
melvin debot
- 11
- 2
0
votes
1 answer
How to load gltf with svg texture
I am trying to load svg and use it as a texture for some parts of my 3d scene in react-three-fiber. The issue I am trying to fix is that somet of the textures are quite blurry even though I have big raster images.
I can load an svg using…
user2791747
- 163
- 1
- 2
- 9
0
votes
0 answers
Module parse failed: Export 'float' is not defined when using @react-three/drei with react 18 and next js 13
I am trying to use @react-three/drei and I've got this error after upgrading to nextjs 13:
**./node_modules/three-stdlib/nodes/ShaderNode.js
Module parse failed: Export 'float' is not defined (468:340)
File was processed with these…
Jin
- 1
- 2
0
votes
1 answer
r3f gltf model recieveShadow create line patterns
I have created simple react-three-fiber scene with default renderer and watch gltf model and once i have make it recieveShadow it starts creating line patterns under pointLight
Have you ever encountered similar problem?
Is there any workaround?
gltf…
Šimon Drastich
- 1
- 1
0
votes
2 answers
Using ThreeJS with React v16
I am trying to render 3D files in my react project. I am using ThreeJS for my react project of version 16.13.1. After installing @react-three/fiber & @react-three/drei these packages, I am getting error of Module not found: Can't resolve…
rocco
- 133
- 1
- 8
0
votes
0 answers
Environment map is greying out the diffuse color of MeshStandardMaterial in react-three-fiber
I'm trying to reproduce 'golden' material appearance which looks pretty good in this standard material example https://threejs.org/docs/scenes/material-browser.html#MeshStandardMaterial (1st img)
Although I couldn't get the same look when using…
blackmika
- 33
- 1
- 6
0
votes
0 answers
Html from react-three/drei needs to be below of other meshes
HTML from react-three/drei is always on top of scene. I need one mesh(Image) cover this HTML. But Html is always on top of scene.
I tried as the following.
Dev Star
- 26
- 4
0
votes
1 answer
Text Is going to Outside from 3dModel React-three-fiber/react-three/drei
I'm not too much familiar with Three Js. When I start This work and came to know there is a library React-three-fiber which provides all the features of Three Js in components, and I start with this.
Problem:.
I want to add a feature for users, to…
MUHAMMAD ZAIN
- 27
- 5