如何使用Three JS生成对象的顶视图和透视图？

Question

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

• 输入：一个3d对象，可能是.obj或.dae文件。
• 输出：图像文件显示已加载对象的顶视图和前视图。

这是一些预期的输出：

The perspective view of a chair

The top view of a chair:

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

Answer 1

你可以使用适当的加载器加载你的obj或collada文件来创建一个小的three.js场景。 （参见特定加载器的示例）。然后在场景中创建您想要的相机。请参阅带有three.js的正交和透视相机的示例。 要生成所需的图像，可以使用toDataURL函数，在此处查看此主题并使用google Three.js and HTML5 Canvas toDataURL

实质上，在加载对象之后，您可以执行以下操作：

  renderer.render(scene, topViewCamera);
  dataurl = canvas.toDataURL();
  renderer.render(scene, perspectiveCamera); 
  dataurl2 = canvas.toDataURL();

我认为你也可以使用2个renderTargets然后将它们用于输出，但是如果你是three.js的新手，可以从HTML5开始使用toDataURL（）方法。