All Questions
371
questions
0
votes
0
answers
17
views
Three.js efficient way to build a block terrain
what I'm trying to achieve is not easy to explain.
But what I'm trying to do is build a "boxy" terrain that represents an elevation grid.
The issue that I'm now facing is that three.js is ...
1
vote
1
answer
53
views
Showing stats of vertices and triangle counts on editor
In the example editor how does Three.js rendering a legend showing the number of Vertices and Triangles and also a 3 axes helper legend, I added screen shot of the scene with these legends.
I want to ...
0
votes
0
answers
34
views
How to put a shapeGeometry background image in threejs
I searched various places and did not get the results i wanted. Thre reason why I changed gemetry to shape is that the position of each vertext of the obect, that is. the value in points can be ...
1
vote
1
answer
38
views
ThreeJS: Adding DecalGeometry inside to grouped object
There is a small sketch based of original ThreeJS DecalGeometry example and it works fine. Basically, it has to add logo to the tank center by X axis perpendicular [{0, 0, 0}, {tankRadius, 0, 0}] and ...
0
votes
2
answers
247
views
How to make a Prismoid in Three.js?
I'm using Three.js and I'm trying to make a pyramid, but with its top cut off, and its base is a rectangle, and the top is also a rectangle, but not in the same proportions.
Heres the pic from ...
0
votes
1
answer
63
views
Iterative closest points algorithm with three.js buffer geometry objects
I have two meshes similar to each other in terms of shape I want to align these two meshes as a perfect fit as a source and target method used in ICP, what are the best methods we can use in three.js ...
0
votes
1
answer
77
views
How to make colored Vertices for each iteration of subdivision
I have an application that has various standard geometries (for example, box geometry https://threejs.org/docs/#api/en/geometries/BoxGeometry) and the application applies up to 5 levels of subdivision ...
1
vote
0
answers
30
views
Reducing geometry based on Geometry indices in ThreeJS
Title might be a result of an XYZ problem, my original intent is to save and load multiple selected regions on a model surface. The selection logic follows the example in Three-Mesh-BVH, (Example here ...
0
votes
0
answers
47
views
How to define the control points for a NURBS Torus Primitive
I'm trying to build a donut (Torus) like shape using NURBS, but I can't seem to think of a way to define the control points.
There is a basic way to think of this problem, if we think of this as the ...
0
votes
1
answer
68
views
THREE.js - ExtrudeGeometry at a slant
In THREE.js, is there a way to use ExtrudeGeometry() in a way that the extrude depth rises as a slant. For instance, say I draw an Odd Shape:
shape design
and I extrude it upward into a mesh. Instead ...
0
votes
1
answer
355
views
Three.js create a valid Mesh from coordinates, indices, and material
I have data that contains arrays for coordinates, indices, and a material, which I'd like to represent as a Mesh in Three.js.
I have a valid Scene where I've defined AmbientLight and DirectionalLight.
...
0
votes
1
answer
520
views
How to create instanced Isocohedrons (polygons) using react-three/fiber and react-three/drei to be able to render more than 16 shapes?
I want to showcase the languages and technologies I have worked on in my portfolio. And I am using icosahedrons to display them. I have assigned all the icosahedrons an icon using decal from react-...
0
votes
0
answers
346
views
How to draw a line over any shape in threejs?
let's say i have a geometric shape (could be of any shape) or glb model, what i'm trying a achieve is to draw a line over that shape
what i tried is, got the vertices for the line geometry manually ...
0
votes
0
answers
131
views
Transformation of a cylinder with three.js
The HTML snippet below generates a rotating cylinder with three.js. The piece of code generating the animation is:
const O = new THREE.Vector3(0, 0, 0);
const alpha = Math.PI / 180;
const Malpha = new ...
1
vote
1
answer
459
views
How to get the center vertex position of all the faces of BoxGeometry in threejs?
I have a BoxGeometry here, which forms a cube,
what i want to acheive is to get the center vertex position of all the faces of the cube?
const boxGeometry = new THREE.BoxGeometry(1.5,1.5,1.5,2,2,2);
...