在Three.js中修改顶点后如何导出网格?
我试图导出by OBJExporter.js示例中的弯曲文本几何体。但导出的结果文本几何体没有像场景中所示那样弯曲。 在代码行“scene.add(flow.object3D);”之后添加了“new OBJExporter…”的代码 请告知我应该将导出器代码放在哪里,以及我错过了哪些步骤来获取具有修改顶点的文本几何体?非常感谢你的帮助在Three.js中修改顶点后如何导出网格?,three.js,modifier,Three.js,Modifier,我试图导出by OBJExporter.js示例中的弯曲文本几何体。但导出的结果文本几何体没有像场景中所示那样弯曲。 在代码行“scene.add(flow.object3D);”之后添加了“new OBJExporter…”的代码 请告知我应该将导出器代码放在哪里,以及我错过了哪些步骤来获取具有修改顶点的文本几何体?非常感谢你的帮助 const loader = new THREE.FontLoader(); loader.load( "fonts/Micr
const loader = new THREE.FontLoader();
loader.load( "fonts/Microsoft_YaHei_Regular.json", function (
font
) {
const geometry = new THREE.TextGeometry( "1 234567890", {
font: font,
size:0.25,
height: 0.02, //0.05 thickness
curveSegments: 12,
bevelEnabled: true,
bevelThickness: 0.02,
bevelSize: 0.01,
bevelOffset: 0,
bevelSegments: 5,
} );
geometry.rotateX( Math.PI );
geometry.rotateY( Math.PI );
const material = new THREE.MeshStandardMaterial( {
color: 0x99ffff
} );
const objectToCurve = new THREE.Mesh( geometry, material );
flow = new Flow( objectToCurve );
flow.updateCurve( 0, curve );
scene.add( flow.object3D );
const exporter = new OBJExporter();
const result = exporter.parse(flow.object3D);
修改器的顶点置换发生在GPU上(在顶点着色器中)。因此,您不能使用任何导出器导出弯曲/修改的几何体。那么,有没有其他方法可以在不使用顶点着色器的情况下弯曲three.js中的几何体?非常感谢。没有其他的修改器可以做到这一点,不。你需要一个自定义的解决方案在这里。