'Uncaught ThreeBSP: Given geometry is unsupported'

Question

前言：我正在使用 Three-CSG 尝试合并 Three.js 中的几何图形。

我在将 THREE.Mesh 的实例传递到库的 ThreeBSP 方法时遇到错误 Uncaught ThreeBSP: Given geometry is unsupported。

知道我为什么会收到此错误吗？我在下面提供了我的代码片段，我传递给库方法的对象在我的 js 文件中评估为 true 作为 instanceof THREE.Mesh，所以我对于代码抛出错误的原因一无所知。任何帮助将不胜感激！

import THREE from 'three';
import CSG from 'three-csg';

[...]

export const meshFactory = () => {
  const cone = {};
  cone.geometry = new THREE.CylinderGeometry(5, 100, 100, 32);
  cone.mesh = new THREE.Mesh(cone.geometry);

  console.log(cone.mesh instanceof THREE.Mesh); // prints true

  const coneBSP = new CSG(cone.mesh); // error thrown here as it doesn't appear to be an instance of THREE.Mesh or other valid cases

[...]
};

Link to the console errors

谢谢，詹姆斯。

Answer 1

不完全确定问题的根本原因，但无论如何，一旦我修复了这个错误，就会出现无数其他错误，主要是由于所使用的旧版本之间的特殊性。

对于任何其他希望将其与 ES2015 模块一起使用的人，我刚刚在此处为 three-js-csg 整理了一个 NPM 包，其中包含解决这些问题的最新版本错误：

https://github.com/James-Oldfield/three-js-csg

哪个有效！

'Uncaught ThreeBSP: Given geometry is unsupported'

'Uncaught ThreeBSP: Given geometry is unsupported'

javascript

three.js

ecmascript-6

threecsg