All Questions
Tagged with mesh javascript
142 questions
1
vote
1
answer
83
views
Visible grey edges inside Html-canvas
Hello i am trying to export a uvmap for a model and i am filling triangles(meshes) with color, it works but i always see grey mesh lines. i tried to draw lines if i draw the lines with different color ...
- 37
0
votes
0
answers
41
views
Extruding a 2D PNG into a 3D Mesh in BabylonJS
In BabylonJS, I’m attempting to extrude a 2d png image to a 3d mesh, whilst I’ve considered obtaining the contours/outline of the image by extracting the alpha channel of the image and then using the ...
- 1,195
0
votes
1
answer
64
views
Laplacian Smooth disconnecting faces
I have implemented Laplacian smooth in JavaScript and using Three.js, but it seems to be not working as expected. Whenever I use hover and smooth over meshes, the faces are disconnecting and getting ...
0
votes
0
answers
44
views
Some models are broken after export to .glb
I'm trying to export an a-frame scene with some 3D models on it, the export works but the resulting glb file is not correct
This is my a-frame scene:
<a-scene id="scene" embedded renderer=...
0
votes
2
answers
72
views
How to change material of indivudal objects in THREE.js without the use of separate Meshes?
We have created a PCB Viewer in THREE.js and now we are looking to add some selection functionality to it. This is not a difficult task and I already have this functionality working though I am facing ...
- 529
0
votes
0
answers
53
views
SurfaceSampling ThreeJS
I want to leverage ThreeJS's SurfaceSampling to add visual elements to the face of a 3d model object similar to how noise is added in this example (ref this article):
const sampler = new THREE....
- 474
0
votes
0
answers
109
views
Rendering "fat" mesh based lines for geometry edges in THREE.js
With the following code:
import * as THREE from 'three';
import { Line2 } from 'three/addons/lines/Line2';
import { LineGeometry } from 'three/addons/lines/LineGeometry';
...
- 9,708
0
votes
1
answer
450
views
ThreeJS - Apply multiple textures depending on the object's position
I recently started using ThreeJS and decided to create a model of the Earth using a Sphere mesh. I also created a model of the Sun and would like to apply two different textures to the Earth model, ...
- 15
1
vote
1
answer
160
views
Three.js create n meshes to form a smooth 90 degree donut
I am trying to find an algorithm to have the following generated in Three.js.
Expected outcome (Pardon my drawing skills)
The amount of meshes to form the 90 degree donut, the thickness and the ...
- 65
0
votes
0
answers
152
views
THREE.JS SVG extrude without filling the path?
I have the following SVG:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="900" height="800">
...
- 481
1
vote
1
answer
3k
views
Is there a way to embed HTML-Page onto Mesh in three.js with WebGLRenderer
I'm new to three.js and trying to show a html page on an box object.
I found ways to do this with CSS3DRenderer but I can't find a solution to do this and also keep my original scene:
// Canvas
const ...
- 55
0
votes
1
answer
49
views
Change object's interior opacity
I added interior for my object using the side property and it reflex the exterior:
const material = new THREE.MeshStandardMaterial({side: THREE.DoubleSide});
Is it possible to make the interior less ...
- 41
0
votes
1
answer
1k
views
Get geometry and material of 3D Model - Three.js
I am attempting to make one 3D model orbit another, but as soon as I change my mesh from a wireframe box to a 3D Model's geometry it disappears.
//this is inside a GLTFLoader.load (glftLoader.load('&...
- 2,023
1
vote
1
answer
223
views
Set a distance between two meshes in THREE.JS
I have this code which generates cylinders in position of each Poi (sprite), So i want to set a distance between the cylinder and the sprite , how can I do?
const THREE = this.context.three;
const ...
- 9
0
votes
1
answer
629
views
How to cut a figure (3D model) with a plane into 2 parts?
please tell me how to cut a figure into a plane into 2 parts, something like in the picture
I tried to do as on this link, but it did not work, maybe someone else will tell you how you can divide the ...
- 495