Hi everyone, I’m working on a custom 3D geometry layer in a Mapbox + Three.js environment. I’m generating a road-like surface with left/right side surfaces by interpolating points along a CatmullRom curve. Geometry is constructed via cross-section points per segment. The problem is that the faces a…

@Fennec sorry to tag you on this, but I’ve been following your comments on other threads and thought you might have some insight or advice on this geometry issue :innocent: :folded_hands:

Do you find the centerpoint first, and then build the geometry relative to that, or are you defining the points in world space? if yr computing the points in world space, you might be hitting the limits of Float32 on the coordinates. Vertices are stored in Float32 Object.position is js 64 bit do…

see [image] Create a curved plane surface which dynamically changes its size Questions Hello, I know there are several resources on this but I am not able to get a curved plane from a set of Vector3 points. This is the screenshot of the output. [curvedPlanePoints] The e…

thank you @manthrax , I tried the option you shared, but unfortunately it didn’t resolve the issue. I tried building the geometry relative to a center point and also experimented with anchoring the vector point and using an array of coordinates. The problem seems to arise specifically with small-sc…

@hofk Thank you! I actually used that as the base for my initial setup. However, the issue seems to be related to scale. I believe it’s a rendering issue, as the map appears to re-render when navigating or moving around, which in turn causes the geometry to re-render as well. This behavior is much m…

could scale all other stuff 100000 times…so you don’t have to scale this one…

i can not scale the map, and wont give correct geometry data either @towrabbit :slight_smile:

why not. scale whole things does not make any diffirence. the main idea is keep the precision. can you create a demo that produce this issue, I could help with it. go to WebGL Report . take a screenshot.this website could get the device webgl2 basic stats/ supports and something related.

@hofk @manthrax @towrabbit , so since I am using a geometry coordinate system and also working within a map coordinate system, scaling down in real-time on the map makes this zigzag appearance. I am thinking that this could be due to something similar to the frame’s bitrate?, for example like how…

I think that it is like that. Math in Javascript is 64 bit. Math in the renderer/glsl itself is 32bit. If you store the world space coordinates in the geometry itself… you’re limited to 32 bit precision, so if those numbers are really large or really small, you start to see jitter. (I think this …

[Help] Fuzzy/Distorted Faces in Road Geometry Created from CatmullRom Curve – Three.js + Mapbox

Questions

hofk March 12, 2025, 7:46pm 4

see

Topic		Replies	Views
Lines and MeshLines Jitter in big scene however CylinderGeometry does not, why? Questions geometry , mesh , lines , cylinder	5	831	January 4, 2024
Extruded geometry shaking or flickering during zooming and orbiting Questions geometry , mapbox	1	103	September 4, 2024
Line geometry flickering and vibrating when displaying massive geometry lines Questions geometry	5	2454	May 20, 2023
Convert Latitude / Longitude to Tube Geometry Questions math	3	476	November 20, 2023
Amazing 3D Tech Earth created using Threejs 【Open source】 Showcase threejs	14	16273	October 5, 2023

[Help] Fuzzy/Distorted Faces in Road Geometry Created from CatmullRom Curve – Three.js + Mapbox

Related topics