All Questions
374
questions
-1
votes
0
answers
28
views
When using PlaneGeometry with ShaderMaterila my browser throws "Program Info Log: Fragment shader is not compiled."
I am new to Three.js and running on version 0.167.0 of Three.js.
I am trying to create a PlaneGeometry with ShaderMaterial, but I get an error and nothing renders in the scene.
Here is my code snippet....
1
vote
1
answer
46
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
31
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
votes
0
answers
21
views
How to rotate globe to latlng and maintain globe west-east
Rotating a 3D globe to focus on a particular latitude and longitude.
Ensuring that post-rotation, the globe's spin axis aligns with the
global West-to-East direction, akin to how the real Earth ...
1
vote
1
answer
31
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
181
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
60
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
74
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
27
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
42
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
55
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
324
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
500
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
327
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
127
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 ...