element, I'm facing a challenge with extracting multiple views and intersecting them to form a final polygon. The issue arises when there are floating extra parts in the result that are unexpected. My goal is to find a solution to detect these extraneous parts and eliminate them if possible.
I'm utilizing the library at https://www.npmjs.com/package/three-csg-ts/v/3.1.10 for performing binary operations during intersection.
It's unclear whether this discrepancy is due to a bug or an error on my part. Despite experimenting with various configurations for the extrusion settings, I continue to encounter the same issue.
Admittedly, my familiarity with JavaScript and ThreeJS is limited, so I apologize if my code lacks clarity. I've made efforts to optimize it given my current knowledge level.
import './style.css'
import * as THREE from 'three'
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
import { CSG } from 'three-csg-ts'
// Canvas
const canvas = document.querySelector('canvas.webgl')
...
The screenshots accompanying this description visually demonstrate the problem:
- View Screenshot: [Link]
- View Screenshot: [Link]
My suspicion leans towards potential flaws in the extrusion technique currently employed. I'm uncertain about the correct method required for consistent functionality. Alternatively, the methodology used for intersections—sequentially intersecting each shape with the prior result—might be contributing to the issue. I experimented with a different approach, trying to intersect two objects simultaneously and then combining their intersection outputs, but progress remains elusive.