Uso de recursos 3D en Dynamic Media

Dynamic Media le permite cargar, gestionar, vista y distribuir recursos 3D como experiencias envolventes.

  • Publicación con un solo clic (mediante Publicación rápida en la barra de herramientas) de recursos 3D para generar una dirección URL.
  • Compatibilidad optimizada para la visualización de recursos 3D con el ajuste preestablecido de visor dimensional interactivo de alta calidad con tecnología Adobe Dimension.
  • El componente WCM de medios 3D permite añadir fácilmente recursos 3D a las páginas de AEM Sites.

No se requiere una configuración adicional para utilizar recursos 3D en Dynamic Media.

zapato en 3d

Formatos 3D admitidos en Dynamic Media

Dynamic Media admite los siguientes formatos 3D.

Consulte también Formatos 3D admitidos.

Extensión de archivo 3D Formato de archivo Tipo MIME Notas
GLB Transmisión binaria de GL model/gltf-binary Incluye los materiales y las texturas como un único recurso.
OBJ Archivo de objeto WaveFront 3D application/x-tgif
STL Esteroolitografía application/vnd.ms-pki.stl
USDZ Archivo zip de descripción de escena universal model/vnd.usdz+zip Apoyo a la ingestión únicamente; no hay visualización ni interacción disponibles. USDZ es un formato 3D propio que se puede ver de forma nativa en dispositivos Safari e iOS.

Inicio rápido: Recursos 3D en Dynamic Media

La siguiente descripción paso a paso del flujo de trabajo se ha diseñado para ayudarle en el uso inicial de los recursos 3D en el modo Dynamic Media: Scene7.

NOTA

Los recursos 3D no son compatibles con Dynamic Media: modo híbrido.

Antes de trabajar con recursos 3D en Dynamic Media, asegúrese de que el administrador de AEM ya ha habilitado y configurado Cloud Services de Dynamic Media en el modo Dynamic Media - Scene7.

Consulte Configuración de Cloud Services de Dynamic Media en Configuración de Dynamic Media - modo Scene7 y Resolución de problemas de Dynamic Media - modo Scene7.

  1. Carga de recursos 3D

  2. Gestión de recursos 3D

  3. Publicación de recursos 3D

Acerca de la visualización e interacción con recursos 3D

En esta sección se describe cómo vista e interacción con recursos 3D de dos formas diferentes: desde la página de detalles del recurso y desde el componente de medios 3D en Sitios.

El visor 3D interactivo incluye, entre otras cosas, una colección de controles de cámara interactivos que le permiten orbitar, aplicar zoom y recorrer el recurso 3D.

Tenga en cuenta que el tiempo que tarda en abrir un recurso 3D en la vista de la página Detalles del recurso depende de varios factores. Estos factores incluyen elementos como los siguientes:

  • Ancho de banda del servidor.
  • Latencias en el servidor
  • Complejidad de la imagen.

Además, las capacidades del ordenador cliente, como una estación de trabajo, un ordenador portátil o un dispositivo móvil táctil, también son importantes para tener en cuenta al manipular la cámara de forma interactiva. Un sistema razonablemente potente con buenas capacidades gráficas puede hacer que la experiencia de visualización interactiva en 3D sea más cómoda y agradable.

CONSEJO

Puede abrir el ajuste preestablecido de visor de dimensiones en el Editor de ajustes preestablecidos de visor para practicar la navegación por un recurso 3D sin necesidad de cargar primero ningún archivo 3D. El ajuste preestablecido de visor de dimensiones tiene un recurso 3D integrado con el que interactuar.

Consulte Administración de ajustes preestablecidos de visor.

Visualización e interacción con un recurso 3D desde la página de detalles del recurso

Consulte también Vista previa de recursos mediante la interfaz de software.

Vista e interacción con un recurso 3D desde la página de detalles del recurso

  1. Asegúrese de que ha cargado los recursos 3D en AEM.

    Consulte Carga de recursos 3D para su uso en Dynamic Media.

  2. Desde AEM, en la página Navegación, toque Recursos > Archivos.

  3. Cerca de la esquina superior derecha de la página, en la lista desplegable Vista, toque Vista de tarjeta.

  4. Vaya a un recurso 3D que desee ver.

  5. Toque la tarjeta del recurso 3D para abrirlo en la página de información del recurso.

  6. En la página de vista de detalles del recurso 3D, realice una de las siguientes acciones:

    • Gire la cámara - Organice la vista alrededor de la escena y los objetos 3D.
      • Ratón: Haga clic y arrastre.
      • Pantalla táctil: Presione con un solo dedo y arrastre.
    • Recorra la cámara : deslice la vista hacia la izquierda, hacia la derecha, hacia arriba o hacia abajo.
      • Ratón: Haga clic con el botón derecho y arrastre.
      • Pantalla táctil: Presione dos dedos y arrastre.
    • Zoom en la cámara : haga zoom en la cámara para entrar y salir de las áreas de la escena 3D.
      • Ratón: Rueda de desplazamiento.
      • Pantalla táctil: Pellizque con dos dedos.
    • Volver a introducir la cámara : vuelva a introducir la cámara en un punto de la escena 3D.
      • Ratón: Haga clic con el doble.
      • Pantalla táctil: Toque el doble.
    • Restaurar : cerca de la esquina inferior derecha de la página, toque el icono Restablecer para restaurar el punto de destinatario de vista al centro del recurso 3D. El reinicio también hace que la cámara se acerque o se aleje para mostrar el recurso en su totalidad y con un tamaño de visualización razonable.
    • Modo de pantalla completa: para acceder al modo de pantalla completa, en la esquina inferior derecha de la página, toque el icono de pantalla completa.
  7. En la esquina superior derecha de la página, toque Cerrar para volver a la página Recursos.

Visualización e interacción con un recurso 3D dentro de un componente de medios 3D

Cuando una página web está en modo Editar, no es posible interactuar con un recurso 3D. Para hacer que el recurso sea interactivo, puede utilizar la función Previsualización para vista de la página Web en el editor de páginas con acceso completo a la funcionalidad del componente de medios 3D.

IMPORTANTE

Esta tarea solo se puede realizar una vez que haya agregado un componente de medios 3D a una página web y haya asignado un recurso 3D al componente. Consulte Añadir el componente de medios 3D en una página Web y Asignar un recurso 3D a un componente de medios 3D.

Consulte también Vista previa de recursos mediante la interfaz de software.

Vista e interacción con un recurso 3D dentro de un componente de medios 3D

  1. Mientras una página web está en modo Editar, realice una de las siguientes acciones:

    • Cerca de la esquina superior derecha de la página, haga clic en Previsualización para entrar al modo Previsualización.
    • Elimine /editor.html de la dirección URL de la página en el explorador.

Un recurso 3D completamente interactivo, tal como se muestra en Recurso 3D que se muestra dentro del
componente de medios 3D Un recurso 3D completamente interactivo, tal como se muestra en ​modo de vista previa.

  1. En el modo Previsualización, realice una de las siguientes acciones:

    • Gire la cámara - Organice la vista alrededor de la escena y los objetos 3D.
      • Ratón: Haga clic y arrastre.
      • Pantalla táctil: Presione con un solo dedo y arrastre.
    • Recorra la cámara : deslice la vista hacia la izquierda, hacia la derecha, hacia arriba o hacia abajo.
      • Ratón: Haga clic con el botón derecho y arrastre.
      • Pantalla táctil: Presione dos dedos y arrastre.
    • Zoom en la cámara : haga zoom en la cámara para entrar y salir de las áreas de la escena 3D.
      • Ratón: Rueda de desplazamiento.
      • Pantalla táctil: Pellizque con dos dedos.
    • Volver a introducir la cámara : vuelva a introducir la cámara en un punto de la escena 3D.
      • Ratón: Haga clic con el doble.
      • Pantalla táctil: Toque el doble.
    • Restaurar : cerca de la esquina inferior derecha de la página, toque el icono Restablecer para restaurar el punto de destinatario de vista al centro del recurso 3D. El reinicio también hace que la cámara se acerque o se aleje para mostrar el recurso en su totalidad y con un tamaño de visualización razonable.
    • Modo de pantalla completa: para acceder al modo de pantalla completa, en la esquina inferior derecha de la página, toque el icono de pantalla completa.

Acerca del trabajo con el componente de medios 3D

Dynamic Media incluye un componente de Dynamic Media 3D Media que puede utilizar en AEM Sites para permitir la visualización interactiva de modelos 3D en sus páginas web.

Añadir el componente 3D Media a la plantilla de página

  1. Vaya a Herramientas > General > Plantillas.

  2. Vaya a la plantilla de página en la que desea habilitar el componente 3D y seleccione la plantilla.

  3. Toque Editar para abrir la plantilla.

  4. Cerca de la esquina superior derecha de la página, en el menú desplegable, seleccione el modo Estructura si no está activo.

    3d-media-component-structure

  5. Toque un área vacía en la región Contenedor de diseño para seleccionarla y abrir la barra de herramientas asociada.

  6. En la barra de herramientas, toque el icono Directiva para abrir el Editor de directivas.

  7. En la sección Propiedades, en la ficha Componentes permitidos, desplácese hasta Medios dinámicos, expanda la lista y marque Medios 3D.

  8. Toque Listo para guardar los cambios y cerrar el Editor de directivas.

    Ahora puede colocar el componente Medios 3D de Dynamic Media en todas las páginas que utilicen esta plantilla.

Añadir el componente de medios 3D en una página web

Si utiliza Adobe Experience Manager como sistema de gestor de contenido web, puede añadir recursos 3D a sus páginas web mediante el componente de medios 3D.

Consulte también Añadir recursos de Dynamic Media en páginas.

  1. Abra AEM Sites y seleccione la página web a la que desea agregar el componente Dynamic Media 3D Media.

  2. Toque el icono Editar (lápiz) para abrir la página en el editor de páginas. Asegúrese de que el modo Editar esté seleccionado cerca de la parte superior derecha de la página.

    3d-media-component-add

  3. En la barra de herramientas, toque el icono del panel lateral para activar o desactivar la visualización del panel.

  4. En el panel lateral, toque el icono de signo más para abrir la lista Componentes.

    3d-media-component-drag-drop

  5. Arrastre el componente Medios 3D desde la lista Componentes a la ubicación de la página en la que desea que aparezca el visor 3D.

Ya está listo para asignar un recurso 3D al componente.

Consulte Asignación de un recurso 3D a un componente de medios 3D.

Opcional: Configuración del componente de medios 3D

  1. En el editor de páginas de AEM Sites, seleccione el componente 3D Media Viewer que agregó anteriormente a la página.

  2. Toque el icono Configuración (llave inglesa) para abrir el cuadro de diálogo de configuración del componente.

    3d-media-component-config

  3. En el cuadro de diálogo Medios 3D, en la lista desplegable Ajuste preestablecido de visor, seleccione Dimensional para asignar el ajuste preestablecido de visor de dimensiones al componente.

    3d-media-component-edit-config

  4. En la esquina superior derecha, toque la marca de verificación para guardar los cambios.

Asignación de un recurso 3D al componente de medios 3D

Después de agregar un componente de medios 3D a una página web, puede asignarle un recurso 3D.

Consulte Añadir el componente de medios 3D en una página web.

  1. En el editor de páginas de AEM Sites, haga clic en el icono Recursos para abrir Recursos en el panel lateral.

  2. En la lista desplegable, seleccione 3D para mostrar solo los tipos de archivo de recursos 3D.

  3. En el panel lateral, busque o desplácese hasta el recurso 3D cuya vista desee realizar en la página que se esté editando.

  4. Arrastre el recurso 3D desde el panel lateral Recursos y suéltelo en el componente 3D Media que agregó anteriormente a la página.

    Asignación de un recurso 3d al componente de medios 3d

NOTA

Mientras una página web está en el modo de edición de AEM Sites, el componente de medios 3D muestra el recurso 3D, pero no es posible interactuar con el recurso. Para hacer que el recurso sea interactivo, puede utilizar la función Previsualización para vista de la página Web en el editor de páginas con acceso completo a la funcionalidad del componente de medios 3D.

Publicación de recursos 3D de Dynamic Media estáticos

Dynamic Media acepta diversos formatos de archivo 3D que se admiten como contenido estático en Dynamic Media. El contenido estático significa que se pueden cargar y publicar recursos 3D, pero no se admite la creación de imágenes dinámicas ni la reedición de imágenes asociadas al recurso 3D. El motivo es que el servidor de imágenes de Dynamic Media no reconoce los formatos 3D. Como tal, después de publicar un recurso 3D en Dynamic Media, tiene una URL instantánea que puede copiar. La URL del recurso 3D sigue la estructura de URL de Dynamic Media habitual. Sin embargo, no puede editar ningún parámetro en la URL del recurso, a diferencia de los recursos de imagen tradicionales en Dynamic Media.

Consulte también Obtención de una dirección URL para un recurso estático.

En la Vista de tarjeta, aparece un pequeño icono de globo terráqueo directamente debajo del nombre de un recurso y a la izquierda de la fecha y hora para indicar que se ha publicado. En la vista de lista, una columna Publicada indica qué recursos se publican o cuáles no.

Si utiliza AEM como WCM, utilice este método de publicación para añadir los recursos 3D de Dynamic Media directamente en la página web.

Consulte también Publicación de recursos de Dynamic Media.

Consulte también Páginas de publicación.

Para publicar recursos 3D de Dynamic Media estáticos

  1. Abra un recurso 3D (formato de archivo GLB, OBJ o STL) para vista en la página de detalles del recurso.

  2. En la barra de herramientas, toque Publicación rápida.

    3d-asset-quick-publish

  3. Toque Cerrar para salir del cuadro de diálogo y volver a la página de detalles del recurso.

  4. En la lista desplegable a la izquierda del nombre del archivo del recurso 3D, toque Representaciones.

    Representaciones de recursos 3D

  5. Toque original. Cuando se publica un recurso 3D (o se "activa"), el ​botón URLbutton aparece cerca de la esquina inferior izquierda de la página si se cumplen todas las siguientes condiciones de recursos 3D:

    • El recurso 3D es un formato admitido (GLB, OBJ, STL y USDZ).
    • El recurso 3D se ha incorporado al sistema de producción de imágenes de Dynamic Media (IPS).
    • Se publica el recurso 3D.

    3d-asset-url

  6. Toque URL para mostrar la dirección URL de producción directa del recurso 3D que puede copiar y utilizar en páginas web.

Métodos alternativos para publicar recursos de Dynamic Media 3D mediante el visor de dimensiones

Utilice los dos métodos siguientes para publicar recursos 3D de Dynamic Media si está no usando AEM como WCM.

En esta página