今年 2 月,我们推出了 <model-viewer>
Web 组件,
这样,您可以声明将 3D 模型添加到网页中,同时托管
构建机器学习模型。但该游戏并不支持增强现实功能。这样
那就是,你无法在设备的
摄像头画面
为此,我们在 iOS 设备上添加了对 Magic Leap 和快速查看功能的支持。现在
我们宣布在 Android 平台上支持 AR,并且新增了 ar
属性。该属性基于一个名为 Scene Viewer 的新 ARCore 功能构建,
用于查看 3D 模型的外部应用。如需详细了解 Scene Viewer,
请参阅通过 Android 浏览器在 AR 中查看 3D 模型。

我们来看一下如何使用 <model-viewer>
实现增强现实。
属性
您可能还记得,网络组件无需任何特殊知识即可使用。它
其行为类似于标准 HTML 元素,具有唯一的标记和属性
和方法。更新后
使用 <script>
标记添加代码;
可以像使用任何其他 HTML 元素一样使用它。
<model-viewer alt="A 3D model of an astronaut." src="Astronaut.gltf" ios-src="Astronaut.usdz" magic-leap ar>
这与我在之前的文章中描述的差不多。请注意 这是新属性。
正在安装新版本
如果您已在使用 <model-viewer>
,则可能要导入该组件
使用 <script>
标记,
如文档中所示。
我们会继续进行改进。如果您想
升级和部署时,您需要安装特定版本,
共 <model-viewer>
页。为此,请将版本号添加到文件网址,如下所示
。然后,观看
“发布”页面
获取更新。
<script type="module"
src="https://unpkg.com/@google/model-viewer@0.3.1/dist/model-viewer.js">
</script>
<script nomodule
src="https://unpkg.com/@google/model-viewer@0.3.1/dist/model-viewer-legacy.js">
</script>
总结
欢迎试用新版<model-viewer>
,并与我们分享你的想法。
问题和反馈
欢迎访问 GitHub。