在Dynamic Media中使用3D资源

通过Dynamic Media，您可以上传、管理、查看和交付3D资源作为沉浸式体验。

  • 一键式发布(使用 快速发布 （在工具栏上）以生成URL。
  • 优化支持使用由Adobe Dimension提供支持的高质量交互式Dimensional查看器预设查看3D资产。
  • 通过3D媒体WCM组件，您可以轻松地将3D资源添加到Adobe Experience Manager Sites页面。

在Dynamic Media中使用3D资源无需额外配置。

3d鞋 三维鞋的详细信息页面。

Dynamic Media支持的3D格式

Dynamic Media支持以下3D格式。

另请参阅 支持的3D格式.

3D文件扩展名 文件格式 MIME类型 注释
GLB 二进制GL传输 model/gltf-binary 将材料和纹理作为单个资产包含在内。
对象 WaveFront 3D对象文件 application/x-tgif
STL 立体光刻 application/vnd.ms-pki.stl
USDZ 通用场景描述Zip存档 model/vnd.usdz+zip 仅支持摄取；不可查看或交互。 USDZ是一种专有的3D格式，可供Safari和iOS设备本机查看。
注意

资产详细信息页面上的3D Media WCM组件和3D预览与最新版本的Chrome (97.x)不兼容。 要处理3D资产，请使用Firefox或Safari，或使用早期版本的Chrome (96.x)。

快速入门：Dynamic Media中的3D资源

以下分步工作流描述旨在帮助您在Dynamic Media - Scene7模式下快速启动和运行3D资产。

重要

Dynamic Media — 混合模式不支持3D资源。

在Dynamic Media中使用3D资产之前，请确保您的Experience Manager管理员已在Dynamic Media - Scene7模式下启用和配置Dynamic MediaCloud Services。

参见 配置Dynamic MediaCloud Services 在配置Dynamic Media - Scene7模式和 Dynamic Media - Scene7模式疑难解答.

  1. 上传3D资产

  2. 管理三维资产

  3. 发布三维资产

关于查看和与3D资产交互

本节介绍如何以两种不同的方式查看3D资源并与之交互：在“资源详细信息”页面中查看，以及在Experience Manager Sites的3D媒体组件中查看。

交互式3D查看器包括一组交互式相机控件等，可让您环绕、缩放和平移3D资产。

在“资产详细信息”页面视图中打开3D资产所需的时间取决于多个因素。 这些因素包括如下几项：

  • 到服务器的带宽。
  • 到服务器的延迟
  • 图像的复杂性。

此外，在交互操作相机时，客户端计算机的功能（如工作站、笔记本电脑或移动触摸设备）也非常重要。 具备良好图形功能的相当强大的系统可以使交互式 3D 查看体验更流畅、更舒适。

小贴士

您可以在查看器预设编辑器中打开维查看器预设，以练习导航3D资产，而无需首先上传任何3D文件。 维查看器预设提供了一个内置的3D资产供您与之交互。

参见 管理查看器预设.

从资源详细信息页面查看并与3D资源交互

另请参阅 使用软件界面预览资源.

要从资产详细信息页面查看并与3D资产交互，请执行以下操作：

  1. 确保已将3D资源上传到Experience Manager。

    参见 上传要在Dynamic Media中使用的3D资源.

  2. 从Experience Manager，在 导航 页面，转到 资产 > 文件.

  3. 在页面的右上角附近，从 视图 下拉列表，选择 卡片视图.

  4. 导航到要查看的 3D 资产。

  5. 选择3D资产的卡。

  6. 在3D资产的“详细信息视图”页面上，执行以下任一操作：

    查看 描述 鼠标操作 触摸屏操作
    转动相机 围绕 3D 场景和对象旋转视图。 左键单击+拖动。 单指按下+拖动。
    平移相机 向左、向右、向上或向下平移视图。 右键单击+拖动。 两指按下+拖动。
    缩放相机 在3D场景中移入和移出区域。 滚轮。 两指捏合。
    重新居中相机 将相机重新居中到3D场景中对象上的某个点。 双击. 双击。
    重置 在页面的右下角附近，选择“重置”图标以将视图目标点恢复到3D资产的中心。 重置也会将相机移近或移远一点，以便以合理的查看大小完整地显示资产。
    全屏模式 要进入全屏模式，请在页面的右下角选择全屏图标。

  7. 在页面的右上角，选择 关闭 以返回到“资源”页面。

查看3D媒体组件中的3D资产并与之交互

当网页位于 编辑 模式，无法与3D资产进行交互。 要使资源具有交互性，您可以使用 预览 可在页面编辑器中查看网页的功能，该功能可完全访问3D媒体组件的功能。

重要

只有在将3D媒体组件添加到网页并将3D资产分配给组件后，才能完成此任务。 参见 将3D媒体组件添加到网页 和 将3D资产分配给3D媒体组件.

另请参阅 使用软件界面预览资源.

要在3D媒体组件中查看并与3D资产交互，请执行以下操作：

  1. 当网页位于 编辑 模式，执行以下任一操作：

    • 在页面的右上角附近，选择 预览 输入 预览 模式。
    • 删除 /editor.html 从浏览器中的页面URL。

完全交互式的3D资产，如中所示 3D资产显示在3D媒体组件内
完全交互式的3D资产，如中所示 预览 模式。

  1. While in 预览 模式，执行以下任一操作：

    查看 描述 鼠标操作 触摸屏操作
    转动相机 围绕 3D 场景和对象旋转视图。 左键单击+拖动。 单指按下+拖动。
    平移相机 向左、向右、向上或向下平移视图。 右键单击+拖动。 两指按下+拖动。
    缩放相机 在3D场景中移入和移出区域。 滚轮。 两指捏合。
    重新居中相机 将相机重新居中到3D场景中对象上的某个点。 双击. 双击。
    重置 在页面的右下角附近，选择“重置”图标以将视图目标点恢复到3D资产的中心。 重置也会将相机移近或移远一点，以便以合理的查看大小完整地显示资产。
    全屏模式 要进入全屏模式，请在页面的右下角选择全屏图标。

关于使用3D媒体组件

Dynamic Media包含一个Dynamic Media 3D媒体组件，您可以在Adobe Experience Manager Sites中使用它来启用在网页上以交互方式查看3D模型。

将3D媒体组件添加到页面模板

  1. 导航到 工具 > 常规 > 模板.

  2. 导航到要在其中启用3D组件的页面模板，然后选择该模板。

  3. 选择 编辑 以便打开模板。

  4. 在页面的右上角附近的下拉菜单中，选择 结构 模式（如果尚未处于活动状态）。

    3d-media-component-structure

  5. 选择空白区域 布局容器 区域，以便您选择它并打开其关联的工具栏。

  6. 在工具栏上，选择 策略 图标以打开 策略编辑器.

  7. 在 属性 部分，在 允许的组件 选项卡，滚动到 Dynamic Media，然后展开列表并选中 3D媒体.

  8. 选择 完成 以保存更改并关闭 策略编辑器.

    现在，您可以将Dynamic Media 3D媒体组件放在使用此模板的所有页面上。

在网页上添加3D媒体组件

如果您使用Experience Manager作为Web内容管理系统，则可以通过3D媒体组件将3D资源添加到网页。

另请参阅 在页面上添加Dynamic Media资源.

要在网页上添加3D媒体组件，请执行以下操作：

  1. 打开Experience Manager Sites并选择要将Dynamic Media 3D Media组件添加到其中的网页。

  2. 选择 编辑 （铅笔）图标，以便您可以在页面编辑器中打开页面。 确保 编辑 将在页面右上角附近选择模式。

    3d-media-component-add

  3. 在工具栏上，选择侧面板图标以切换或“打开”面板的显示。

  4. 在侧面板中，选择加号图标以打开 组件 列表。

    3d-media-component-drag-drop

  5. 拖动 3D媒体 组件来自 组件 列出要在页面上显示3D查看器的位置。

现在，您可以将3D资产分配给组件。

参见 将3D资产分配给3D媒体组件.

可选 — 配置3D媒体组件

  1. 在Experience Manager Sites页面编辑器中，选择 3D媒体查看器 之前添加到页面的组件。

  2. 选择 配置 图标（扳手）打开“组件配置”对话框。

    3d-media-component-config

  3. 在“3D媒体”对话框中，从“查看器预设”下拉列表中选择 维度 将维查看器预设分配给组件。

    3d-media-component-edit-config

  4. 选择右上角的复选标记以保存更改。

将3D资产分配给3D媒体组件

将3D媒体组件添加到网页后，可以为其分配3D资产。

参见 将3D媒体组件添加到网页.

要将3D资产分配给3D媒体组件，请执行以下操作：

  1. 在Experience Manager Sites页面编辑器中，选择 资产 图标以打开 资产 在侧面板中。

  2. 在下拉列表中，选择 三维 以仅显示3D资源文件类型。

  3. 在侧面板中，搜索或滚动到要在编辑的页面上查看的3D资产。

  4. 将3D资产从“资产”侧面板拖放到 3D媒体 之前添加到页面的组件。

    将3D资产分配给3D媒体组件

注意

当网页在Experience Manager Sites中时 编辑 模式，3D媒体组件会显示3D资产，但无法与资产交互。 要使资源具有交互性，您可以使用 预览 可在页面编辑器中查看网页的功能，该功能可完全访问3D媒体组件的功能。

发布静态Dynamic Media 3D资源

Dynamic Media接受支持的各种3D文件格式 静态内容 在Dynamic Media中。 静态内容表示您可以上传和发布3D资产，但不支持 可变成像 或与3D资源关联的图像重新调整。 原因是Dynamic Media Imaging Server无法识别3D格式。 因此，在Dynamic Media中发布3D资源后，您就可以复制一个即时URL。 3D资源的URL遵循常规的Dynamic Media URL结构。 但是，与Dynamic Media中的传统图像资源不同，您无法编辑资源URL中的任何参数。

另请参阅 获取静态资源的URL.

在 卡片视图，资产名称的正下方及其日期和时间的左侧会显示一个小地球图标，指示资产已发布。 在​列表视图​中，已发布​列显示已发布的资产和未发布的资产。

如果您将Experience Manager用作WCM，请使用此发布方法直接在网页上添加Dynamic Media 3D资源。

另请参阅 发布Dynamic Media资源.

另请参阅 发布页面.

要发布静态Dynamic Media 3D资源，请执行以下操作：

  1. 打开3D资产（GLB、OBJ或STL文件格式），以便您可以在资产详细信息页面中查看它。

  2. 在工具栏上，选择 快速发布.

    3d-asset-quick-publish

  3. 选择 关闭 以退出对话框并返回到资源详细信息页面。

  4. 从3D资产文件名左侧的下拉列表中，选择 演绎版.

    3d-asset-renditions

  5. 选择 原有. 发布（或“激活”）3D资产时， URL 如果满足以下所有3D资产条件，则按钮将在页面的左下角附近显示：

    • 3D资产是受支持的格式（GLB、OBJ、STL和USDZ）。
    • 已将3D资源摄取到Dynamic Media Image Production System (IPS)。
    • 发布3D资产。

    3d-asset-url

  6. 选择 URL 这样您便可以显示3D资产的直接生产URL，以便复制该URL并在网页上使用。

使用维度查看器发布Dynamic Media 3D资产的替代方法

如果这样做，请使用以下两种方法发布Dynamic Media 3D资产 非 使用Experience Manager作为WCM。

在此页面上