在Three.js中修改顶点后如何导出网格?

在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

我试图导出by OBJExporter.js示例中的弯曲文本几何体。但导出的结果文本几何体没有像场景中所示那样弯曲。 在代码行“scene.add(flow.object3D);”之后添加了“new OBJExporter…”的代码 请告知我应该将导出器代码放在哪里,以及我错过了哪些步骤来获取具有修改顶点的文本几何体?非常感谢你的帮助

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中的几何体?非常感谢。没有其他的修改器可以做到这一点,不。你需要一个自定义的解决方案在这里。