Autodesk Forge Reality Capture 生成 OBJ to 3D Web Viewer 求简单实例

Autodesk Forge Reality Capture generated OBJ to 3D Web Viewer simple example sought

包含有关您的目标的详细信息

我正在使用 Forge Reality Capture,它 returns 我 URL 一个包含我模型的 OBJ 及其辅助文件的 zip 文件。

我想在网页上为我的用户提供一个极其简单的查看器,该查看器呈现我生成的 Reality Capture 模型,并在一个简单的 3D 对象 Web 查看器中查看。

我正在寻找一个简单示例HTML页面从 GET 字符串读取URL ,并将提供的 URL 处的对象加载到一个简单的完整 window 3D 对象查看器中。

理想情况下,我希望找到一些例子,我所要做的就是将这一行添加到 HTML 页面,它会将模型加载到网页上的 iframe 中,该 iframe 专用于该页面上的查看者。

我在想象这样的事情:

<iframe src='https://3dviewer.domain:/path_to_viewer?url=url_of_my_model&any_other_setable_parameters'>

我试过的:

我查看了 Autodesk forge 站点上的查看器文档。有一些关于如何设置单独的客户端和服务器端应用程序的复杂说明,涉及安装和 运行 node.js 等等。但是我找不到像我希望的那样简单的解决方案。

我在 http://masc.cs.gmu.edu/wiki/GViewer 找到了一个页面,它似乎按我想要的方式工作,因为该页面显示了一个 iframe,它将他们的贝多芬 OBJ 半身像加载到一个简单的 Web 查看器中。这是生成该查看器的 HTML 代码:

<iframe src="/objviewerframe.html?width=360&height=320&url=http%3A%2F%2Fmasc.cs.gmu.edu%2Fwiki%2Fuploads%2FObjViewer%2Fbeethoven.obj&dropable=true" width="380" height="340" frameborder="0" ></iframe>

我尝试仅用 url 路径替换 width=、height= 和 url= 字符串及其尺寸。

<iframe src="/objviewerframe.html?width=1920&height=1020&url=http://cloud1.tri-di.com/data/uploaded/20210800003/20210812173402/photoscene-r0KcxuqPKFG3pnu2Ryj6ac4nFjsB0XpzRFbDVehJMN8/result.obj&dropable=true" width="1920" height="1080" frameborder="0" ></iframe>

预期结果

不幸的是,G.viewer 没有在查看器中显示我的对象,而是显示了一个黑框并邀请我将本地文件拖放到它上面。但我正在尝试将其构建到嵌入式系统的工作流程中,用户不会在其中查看 obj 文件的本地副本。

我也试过用

https://viewer.autodesk.com/designviews

如果我拖放要显示的文件,效果很好——但我不知道如何在不上传本地文件的情况下只为我的模型指定一个 URL。

有人给我一个简单的例子吗?

这里有几个方面:

首先,Forge Viewer 旨在处理具有大量元数据的大型模型,这些元数据通常源自 CAD 文件。为此,它需要一种称为 SVF 的特殊格式,模型衍生服务负责 converting 70+ file formats into SVF

在这些格式中,您会发现 OBJ,但它不会增加什么价值,主要是因为 OBJ 不包含元数据,它只是一堆三角形(而不是 CAD 文件中的分层结构组件)- 从这个方面来看,对您来说更好的选择是 Sketchfab.

其次,Reality Capture 服务 returns 为您提供包含 OBJ 和相关纹理的 zip。我不确定您是否会找到能够使用 zip 文件的 OBJ 查看器,他必须取消存档并检索所需的文件才能显示它们。

从这方面来说,您将必须有一个代理服务器来检索 zip 文件、解压缩它们和 prepare/expose OBJ 到所需的查看解决方案。

如果是 Autodesk Forge 生态系统 - 工作流程将是提取生成的 zip,上传到存储桶中,触发文件翻译并使用 Forge Viewer 使用它 - 所有这些都包含在本教程中:https://learnforge.autodesk.io/#/tutorials/viewmodels