[Bug] TripsLayers has strange artifacts if curves are almost 180 degrees

[Fabioni]

Description

If the curve of waypoints is so sharp that it is almost 180 degrees, the curves from jointRounded create weird artifacts. The artifacts flicker and change by zooming or panning the map.

deckglissuetripslayer.mp4

Flavors

• Script tag
• React
• Python/Jupyter notebook
• MapboxOverlay
• GoogleMapsOverlay
• CartoLayer
• ArcGIS

Expected Behavior

No artifacts, just a rounded curve

Steps to Reproduce

const { DeckGL, TripsLayer } = deck;

const layer = new TripsLayer({
  id: "TripsLayer",
  data: [
    {
      waypoints: [
        {
          coordinates: [-122.4003, 37.7003],
        },
        {
          coordinates: [0,0], // just a point far away to simulate sharp curves
        },
        {
          coordinates: [-122.4002, 37.7002],
        },
        {
          coordinates: [0,0], // point far away
        },
        {
          coordinates: [-122.4001, 37.7001],
        },
        {
          coordinates: [0,0], // point far away
        },
        {
          coordinates: [-122.4000, 37.7000],
        },
      ]
    }
  ],

  getPath: (d) => d.waypoints.map((p) => p.coordinates),
  jointRounded: true,
  widthMinPixels: 40,
});

new DeckGL({
  mapStyle: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",
  initialViewState: {
    longitude: -122.4,
    latitude: 37.7,
    zoom: 19,
    maxZoom: 20,
    pitch: 0,
    bearing: 0
  },
  controller: true,

  layers: [layer]
});

Environment

• Framework version: [email protected]
• Browser: Chrome 131
• OS: Mac

Logs

No response