在Dynamic Media中使用3D资产

Dynamic Media让您可以上传、管理、查看和交付3D资产,充当沉浸式体验。

  • 单击发布(使用工具栏上的​快速发布)3D资产以生成URL。
  • 通过由Adobe Dimension提供支持的高质量交互式维度查看器预设,优化了对查看3D资产的支持。
  • 通过3D Media WCM组件,您可以轻松地将3D资产添加到Adobe Experience Manager Sites页面。

在Dynamic Media中使用3D资产无需额外安装。

3D鞋

Dynamic Media支持的3D格式

Dynamic Media支持以下3D文件格式。

另请参阅支持的3D格式

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

快速入门:Dynamic Media3D资产

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

在Dynamic Media中处理3D资产之前,请确保Experience Manager管理员已启用并配置Dynamic MediaCloud Services。

请参阅配置Dynamic MediaCloud Services

  1. 上传3D资产

  2. 管理3D资产

  3. 发布3D资产

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

本节将介绍两种不同的查看和与3D资产交互的方法:从资产详细信息页面和站点的3D媒体组件中。

交互式3D查看器包括一组交互式相机控件等,这些控件允许您绕行、缩放和平移3D资产。

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

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

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

小贴士

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

请参阅管理查看器预设

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

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

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

  1. 确保您已将 3D 资产上传到 Experience Manager.

    请参阅上传3D资产,以在Dynamic Media中使用

  2. 从Experience Manager的​导航​页面上,选择​资产>文件

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

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

  5. 要在详细信息页面中打开资产,请选择3D资产的卡。

  6. 在3D资产的“详细信息”(Details)页面上,执行以下任一操作:

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

在3D媒体组件内查看3D资产并与之交互

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

重要

只有在将3D媒体组件添加到网页并将3D资产分配给该组件后,才能完成此任务。 请参阅将3D媒体组件添加到网页将3D资产分配给3D媒体组件

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

要在3D媒体组件内查看3D资产并与之交互,请执行以下操作:

  1. 当网页处于​编辑​模式时,请执行以下任一操作:

    • 在页面的右上角附近,单击​预览​以进入​预览​模式。
    • 从浏览器的页面URL中删除/editor.html

完全交互的3D资产,如 在3D媒体组件内显示的3D资
产在预览模式下显示的完全交互的3D ​资产。

  1. 在​预览​模式下,执行以下任一操作:

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

关于使用3D媒体组件

Dynamic Media包含Dynamic Media 3D媒体组件,您可以在Experience Manager Sites中使用该组件,以在网页上实现3D模型的交互式查看。

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

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

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

  3. 要打开模板,请选择​编辑

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

    3d-media-component-structure

  5. 要选择空区域并打开其关联的工具栏,请在​布局容器​区域中选择空区域。

  6. 在工具栏中,选择​Policy​图标以打开​Policy Editor

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

  8. 点按​Done​以保存更改并关闭​策略编辑器

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

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

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

另请参阅将Dynamic Media资产添加到页面

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

  2. 要在页面编辑器中打开该页面,请选择​编辑(铅笔)图标。 确保在页面右上方附近选择了​编辑​模式。

    3d-media-component-add

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

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

    3d-media-component-drag-drop

  5. 将​3D Media​组件从​组件​列表中拖动到您希望3D查看器显示的页面位置。

现在,您可以为组件分配3D资产。

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

可选 — 配置3D媒体组件

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

  2. 要打开组件配置对话框,请选择​配置​图标(扳手)。

    3d-media-component-config

  3. 在“3D媒体”对话框的“查看器预设”下拉列表中,选择​Dimensional​以将维查看器预设分配给组件。

    3d-media-component-edit-config

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

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

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

请参阅将3D媒体组件添加到网页

  1. 在Experience Manager Sites页面编辑器中,单击​Assets​图标以打开侧面板中的​Assets

  2. 在下拉列表中,选择​3D​以仅显示3D资产文件类型。

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

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

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

注意

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

发布静态Dynamic Media 3D资产

Dynamic Media接受Dynamic Media中支持的各种3D文件格式为​静态内容。 静态内容表示您可以上传和发布3D资产,但不支持与3D资产关联的​dynamic​图像或图像重新调整。 原因是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资产(或“已激活”)后,如果满足以下所有3D资产条件,则​URL​按钮将显示在页面左下角附近:

    • 3D资产是受支持的格式(GLB、OBJ、STL和USDZ)。
    • 3D资产已摄取到Dynamic Media图像生产系统(IPS)中。
    • 3D资产已发布。

    3d-asset-url

  6. 要显示可在网页上复制和使用的3D资产的直接生产URL,请选择​URL

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

如果您的WCM为​,则使用以下两种方法发布Dynamic Media 3D资产。Experience Manager

  • URL — 如果您 ​使用的是第三方Web内容管理系统,并且希望使用维度查看器将Dynamic Media 3D资产关联到您的网页,请使用URL。

    请参阅将URL关联到您的Web应用程序

  • 嵌入 — 当您 ​想要使用维度查看器查看嵌入到网页中的Dynamic Media 3D资产时,请使用“嵌入”。将嵌入代码复制到剪贴板,以便将其粘贴到网页中。 不允许在​Embed​对话框中编辑代码。

    请参阅在网页上嵌入Dynamic Media视频、图像查看器或维度查看器

在此页面上