20,882 questions
Score of -2
0 answers
51 views
Three.js doesn't release memory when using Scene.background
I am stumped. three.js refuses to release the geometry from memory (according to renderer.info.memory) despite no geometries being added to the Scene.
I realise that a geometry gets added to memory ...
Score of 1
0 answers
79 views
3D Model doesn't go down on the Y axis as I scroll down the page
I'm trying to learn Three.js and GSAP, and so far I read the docs and followed a YouTube video on how to rotate and bring a model down. However, it doesn't really follow what I want it to do and I'm ...
Best practices
0
votes
2
replies
55
views
What is the best approach when you have to render projectiles, such a laser beam for a 2.5D (Like darkorbit) game?
My idea is to create with THREE.InstancedMesh a "pool" of Beams with a specific texture. Then use attributes to set colors (I'll have a TSL Fn in the colorNode of the material)
I will then ...
Score of 1
1 answer
133 views
Cannot change orientation of triangle in ThreeJS
I have an octahedron whose vertices coordinates came from a computation. I build the object using a BufferGeometry and a MeshStandardMaterial (see the code below).
The resulting object has 4 facets ...
Score of 4
1 answer
327 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 ...
Score of 2
1 answer
117 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 ...
Score of 2
1 answer
158 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 ....
Advice
1
vote
5
replies
210
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 ...
Score of 1
1 answer
83 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. ...
Score of 1
1 answer
217 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 ...
Tooling
0
votes
1
replies
111
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 ...
Score of 2
1 answer
106 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.
...
Score of 0
0 answers
100 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 ...
Score of 0
0 answers
72 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 ...
Score of 0
2 answers
161 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 ...