Questions tagged [three.js]
Three.js is a lightweight cross-browser JavaScript library/API used to create and display animated 3D computer graphics on a Web browser. Three.js scripts may be used in conjunction with the HTML5 canvas element, SVG or WebGL.
three.js
21,172
questions
0
votes
0
answers
13
views
Three.js outlinePass add-on not working when implemented with R3F
I'm having a hard time using the R3F -postprocessing library so I decided to use raw threejs classes:
By diving into the R3F extending third party library tutorials I managed to setup the renderPass ...
0
votes
0
answers
25
views
Normal map BG image for website, with fixed light source
I would like to be able to use normal maps in my site's background images. This CodePen example seems to be the best from all the implementations I've seen so far. It uses three.js to achieve the ...
0
votes
1
answer
13
views
React three fiber - setting up postprocessing using effectComposer and Passes (OutlinePass) from three.js addons
I'm having a hard time using the R3F -postprocessing library so I decided to use raw threejs classes:
By diving into the R3F extending third party library tutorials I managed to setup the renderPass ...
-1
votes
0
answers
12
views
Why does the code stop in react-three-fiber?
I am making a game through react-three-fiber for the first time.
I created the above code to create a character controller and move the box with the keyboard.
However, after refreshing, the box moves ...
0
votes
2
answers
17
views
Threejs adding 1080p textures is rendered blurry
I am trying to render a sphere with a texture wrapped on it, i am using a png texture with 1920px1080p resolution but the resulted texture is always very blurry,
here is my sample code :
var ...
-1
votes
0
answers
13
views
R3F how can I get the camera controls through the hook get()
In a model class I'm calling the r3f hook get() to the camera controls
const { raycaster, camera, scene, gl, controls } =
ViewerModel._shared.viewerState!();
the console log prints it as a ...
0
votes
0
answers
12
views
Parametric Relationships: Walls, Floor in THREEJS
Does anyone know how to create interactive walls in Three.js that automatically adjust when a connected wall is manipulated? I have a room modeled as a GLB file, comprising four walls and a floor. For ...
0
votes
1
answer
36
views
How to Load a .world Robot File Using Three.js in a Web Application?
I'm working on a web application and I need to load a .world robot file using Three.js. I've tried using the Collada loader but haven't been successful. Can anyone guide me on how to achieve this?
The ...
0
votes
0
answers
18
views
Implementing 3D Object Animation with Bouncing and Color Change in WebGL/Three.js
I need to create a 3D object (cube, sphere, or torus knot) that moves around the viewport, changes direction upon hitting the edges (bouncing effect), and changes color each time it bounces. I'm using ...
2
votes
0
answers
29
views
Create Perfect Spherical Icosphere with Smooth, Curved Triangles using Three.js
I am working on a project using Three.js and Next.js to create a perfect spherical icosphere with the following requirements:
The sphere should be solid and 80% dark.
The triangles should be 100% ...
0
votes
1
answer
13
views
How can I get a group of triangles that comprise a cube face?
I’m trying to get the triangles that create a cube mesh face.
This is what I tried:
The box geometry mesh turns to have a groups array of 6 items. I assumed that since a cube has 6 faces, each of this ...
0
votes
1
answer
15
views
When using points in ThreeJS there is a black background on each point if using depth writing
I have a scene where I use points, like so
<points ref={gPoints} position={position}>
<bufferGeometry attach="geometry">
<bufferAttribute
...
0
votes
0
answers
16
views
3d Model not deattaching/removing when radio button unselect
The problem is that I am rendering a 3d boat model which has different sections in which there are options with multiple select and single select which are dealt with radio and checkboxes. Now issue ...
0
votes
0
answers
17
views
The rotation point for the BabylonJS sprite
I recently encountered a problem with the Pivot method for BabylonJS frame sprites, it does not exist :D I would like to ask if anyone has encountered a similar problem and how to set the rotation ...
0
votes
1
answer
27
views
Converting 3ds/obj/fbx 3d model to glb
Im trying to implement a 3d baseball stadium model to my next.js project using three.js/r3f.
The problem is that the model i need only supports fbx, 3ds, obj format, and as far as i know, to implement ...