【发布时间】:2021-10-17 01:42:27
【问题描述】:
包含有关您的目标的详细信息
我正在使用 Forge Reality Capture,它返回一个指向包含我的模型的 OBJ 及其辅助文件的 zip 文件的 URL。
我想在网页上为我的用户提供一个极其简单的查看器,该查看器呈现我生成的 Reality Capture 模型,并在一个简单的 3D 对象 Web 查看器中查看。
我正在寻找一个简单的示例 HTML 页面,它从 GET 字符串中读取一个 URL,并将提供的 URL 处的对象加载到一个简单的全窗口 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>
我尝试将 width=、height= 和 url= 字符串替换为我自己模型的 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。
谁有我可以使用的简单示例?
【问题讨论】:
标签: webgl autodesk-forge wavefront