20,888 questions
0
votes
1
answer
112
views
Loading three.js texture from UInt8Array in plugin
I'm trying to implement a three.js texture loader for the JPEG 360 format. For this purpose, it's really a JPEG image embedded in a nested set of "boxes", very similar to the structures used ...
- 702
2
votes
1
answer
113
views
Specular color has no effect on MeshPhysicalNodeMaterial
I have been trying to add specular color to my mesh. From what I understand (which could be wrong), it should add a tint to shiny/reflective areas of the surface. However, it does not seem to have any ...
- 661
2
votes
1
answer
154
views
Selective linking and hover labels .onNodeHover, .onNodeClick in Vasturiano’s 3d-force-graph
I am working with Vasco Asturiano’s incredible 3d-force-graph, and having trouble devising a proper switch command (or if/else statement) for the following:
In the following MRE, you will see that ....
- 43
Advice
1
vote
5
replies
203
views
How can I convert a 2D particle ring (Saturn-like) into a true 3D particle system?
I’m building a real-time particle system (WebGL/Canvas-based), currently rendering different formations like swarms, explosions, and a Saturn-like ring.
Right now, my “Saturn” effect is essentially a ...
- 16
1
vote
1
answer
80
views
three.js OBJLoader.js error on initialization
I'm trying to set up a very basic scene and load one obj into it. However, I keep getting this error:
Uncaught TypeError: The specifier “three” was a bare specifier, but was not remapped to anything. ...
- 107
1
vote
1
answer
209
views
Combining multiple node displays in 3d-force-graph using .nodeThreeObject
I am working on Vasturiano’s (mindblowing, spell-binding) 3d-force-graph, and having trouble combining (and separating) three seemingly very simple elements: a sprite, an image, and image text.
In ...
- 43
Tooling
0
votes
0
replies
92
views
How to improve Three.js 3D structure simulation and handle canvas resizing?
I am building a basic 3D structure simulation app using Three.js and OrbitControls. Currently, I have a simple scene with a 3D pillar and a grid helper.
The code works, but I have a few concerns ...
2
votes
1
answer
104
views
How to continue an animation after a condition statement was met in Three.js
I'm trying to create an infinite loop of objects which are moving vertically up.
The objects are grids, or walls. I plan to delete the wall as soon it goes off the camera, and then create a new wall.
...
- 21
0
votes
0
answers
98
views
Is it possible to see HTML behind a canvas where Three.js is rendered?
I made a example, here’s the link to it -
https://stackblitz.com/edit/vitejs-vite-cve3gcbr?file=package.json&terminal=dev
I tried to do this because it’s needed for this mockup.
Here’s the link to ...
- 320
0
votes
0
answers
68
views
Can't dispose MeshPhysicalMaterial
I am unable to get a MeshPhysicalMaterial to dispose correctly.
Below is a full example which shows the problem.
In the example I am using MeshPhysicalMaterial for some Mesh's in a Scene, then after 2 ...
- 1,029
0
votes
2
answers
152
views
javascript importmap with "THREE" and "three"
I've got javascript libraries that I'm importing and some of them refer to three.js as "THREE" and others refer to three.js as "three". I dropped in an importmap to try to clear ...
- 6,480
Tooling
0
votes
0
replies
66
views
How can I correctly align a 2D face image to preserve identity on a generated 3D human mesh?
I am generating a 3D human body mesh from user attributes (height, weight, gender, etc.) using a parametric model. The body is created correctly and proportions look accurate.
After that, I try to ...
1
vote
1
answer
166
views
clipping plane in threejs with different stencilRef
I need to clip an object in a ThreeJS scene using multiple clipping planes.
I used the example – it's a great example with the Depth Peeling / Stencil Volume method, but I need to do the same thing ...
3
votes
0
answers
152
views
React-three/fiber canvas only displaying when I manually alter the viewport
I've a project that takes a GLB, breaks it down into the two components and then populates a react-three/fiber canvas.
It looks great and gets fully populated by the GLB but only if I go in and ...
0
votes
0
answers
71
views
iOS: iframe inside Three.js CSS3DRenderer (CSS3DObject) won’t scroll
Problem
I’m building a Three.js scene where a laptop screen is a CSS3DObject containing an <iframe> (the iframe loads my separate React “2D OS” app). Desktop works fine, but on iOS Safari, ...
- 1