Questions about React-three-fiber, a React renderer for Three.js.
Questions tagged [react-three-fiber]
981 questions
0
votes
2 answers
How to have emissionMap without being washed out with some colour?
So, I'm trying to emulate a laptop screen in ThreeJS, so there's a video texture on it which I'd like to glow. Doesn't need to be a light source, it just needs to be illuminated.
I've tried using emissionMap of the texture with emission of 0xffffff…
MitchEff
- 1,417
- 14
- 29
0
votes
1 answer
ThreeJS videoTexture linear workflow
I'm using a three VideoTexture in my R3F App. Unfortunatly its not gamma corrected so my video seems washed out. I tried setting the encoding to sRGBEncoding for my texture, but that doesn't seem to do anything. Also there is nothing about encoding…
tinytree
- 1,009
- 2
- 12
- 28
0
votes
1 answer
React three fiber and Textureloader not display
I am learning to develop some mobile applications using react native and expo.
I have created some code to apply a texture on a sphere. I have tried both with http url image and an image stored on my machine. When I am running the project in the…
Raskar Kapak
- 107
- 1
- 2
0
votes
0 answers
3D model integration on the web with React 16/17, is it possible?
For the past few days I've been trying to find a way to integrate 3D models onto my website using Three.js & react-three-fiber with react JS 17 & recently 16. The reason for this is that my website also uses 'framer-motion', which requires react…
RensVD
- 1
- 1
0
votes
2 answers
Access ref of component in another component?
In my component Box I return a mesh which is of type Object3d, I need to get a reference to this object in my Floor component but I haven't figured out a way to do this. I tried to assign another ref in my App component and pass it to Floor but this…
Jonas
- 7,089
- 15
- 49
- 110
0
votes
2 answers
How can I import .obj file in reactjs using typescript?
I am making react project with typescript.
There is need to import .obj file, so I imported threejs library and react-three-fiber library like following;
import React, { useState, useMemo } from 'react'
import logo from './logo.svg';
import { Canvas…
blue pine
- 472
- 6
- 17
0
votes
1 answer
React three fiber Drei HTML Transform mode not working
I`m using react three fiber withg drei and want to use the html component in transfrom mode:
https://drei.pmnd.rs/?path=/story/misc-html--html-transform-st
Unfortunately setting transfrom to true does`nt do anything.
Here is my code:
tinytree
- 1,009
- 2
- 12
- 28
0
votes
2 answers
How to use a texture in the size of the original image in threejs / react-three-fiber
I have a difficulty in a project, I need to create a box to optimize processing, I would like the texture to be 16 px by 16 px. When I apply it to the box, regardless of the size of the box, it gets blur like the image below. Is there a possibility…
RodrigoKulb
- 49
- 5
0
votes
0 answers
Can shapeGeometry be used in three dimensions?
I would like to be able to build a shapeGeometry that is a 2D plane, but that has three dimensions. Essentially, I want to be able to draw a 2D shape that is in the XY plane, the YZ plane, or the XZ plane. Something like below:
var coordinatesList =…
Joshua Foxworth
- 1,236
- 1
- 22
- 50
0
votes
1 answer
Threejs Decal not showing
I'm trying to create a decal on my mesh using three.js and react-three-fiber. I believe I correctly set up the mesh and material but for some reason the decal is not showing up on the canvas.
This is the parent component that holds both the model,…
Max
- 754
- 8
- 24
0
votes
2 answers
How do I change mesh textures?
I am working on a project in react and I'm trying to change the texture of a mesh I'm working with but I am having trouble accessing the material property. Whenever I log the object to console I can see the material property but I cannot access it…
Son Of Earth
- 13
- 1
- 1
- 5
0
votes
1 answer
React-Three-Fiber + ThreeJS: Sprite alpha very rough on edges
I am working on a project for a client and we are finding that some of the transparent logos have a very ugly looking dark border around them when they are used in threejs. I have tried so many things with no luck so I would love help getting the…
Turmolt
- 113
- 9
0
votes
0 answers
React-three-fiber extrudeBufferGeometry not affected by lights
Look at this https://codesandbox.io/s/geometry-2d-forked-2qxuh?file=/src/index.js:645-666 there is a cube made by
David Holada
- 109
- 1
- 2
- 14
0
votes
1 answer
Adding three.js to react-three-fiber
Can someone tell me how I can combine three.js code with react-three-fiber? I saw that tag is useful in such cases but still can't understand how.
Dan Glodeanu
- 15
- 3
0
votes
1 answer
Exporting scene in GLTF format from react-three-fiber
I am trying to save my scene in a GLTF fromat. I saw examples with exports from Three.js by using exportGLTF but I can't figure out how I can do the same thing in react with react-three-fiber meshes. The example I found is:…
Dan Glodeanu
- 15
- 3