Three.js 如何使用ThreeJS生成对象的俯视图和透视图?

Three.js 如何使用ThreeJS生成对象的俯视图和透视图?,three.js,Three.js,我想生成一个对象的俯视图和透视图 输入:3d对象,可能是.obj或.dae文件 输出:显示加载对象的俯视图和前视图的图像文件 以下是一些预期输出: 有谁能给我一些解决这个问题的建议吗?演示可能是首选您可以创建一个小的three.js场景,使用适当的加载程序加载obj或collada文件。(参见特定装载机的示例)。然后在场景中创建所需的摄影机。请参见three.js附带的正交和透视摄影机示例。 要生成所需的图像,可以使用toDataURL函数,在此处查看此线程并使用google 本质上,

我想生成一个对象的俯视图和透视图

  • 输入:3d对象,可能是.obj或.dae文件
  • 输出:显示加载对象的俯视图和前视图的图像文件
以下是一些预期输出:


有谁能给我一些解决这个问题的建议吗?演示可能是首选

您可以创建一个小的three.js场景,使用适当的加载程序加载obj或collada文件。(参见特定装载机的示例)。然后在场景中创建所需的摄影机。请参见three.js附带的正交和透视摄影机示例。 要生成所需的图像,可以使用toDataURL函数,在此处查看此线程并使用google

本质上,加载对象后,您可以执行以下操作:

  renderer.render(scene, topViewCamera);
  dataurl = canvas.toDataURL();
  renderer.render(scene, perspectiveCamera); 
  dataurl2 = canvas.toDataURL();
我认为您也可以使用2个renderTarget,然后再将它们用于输出,但是如果您不熟悉three.js,可以从HTML5中的toDataURL()方法开始