Show Menu
TEMAS×

Working with 3D assets in Dynamic Media

Dynamic Media 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 URL.
  • Compatibilidad optimizada para ver recursos 3D con el ajuste preestablecido de visor de dimensiones interactivo y 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.

Formatos 3D compatibles con 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.
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 Service de Dynamic Media en el modo Dynamic Media - Scene7.
Consulte Configuración de Cloud Service de Dynamic Media en Configuración de Dynamic Media - modo de Scene7 y Resolución de problemas de Dynamic Media - modo de Scene7.
  1. Carga de recursos 3D
  2. Gestión de recursos 3D
  3. Publicación de recursos 3D

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.
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.

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.
  2. En AEM, en la página Navegación , toque Recursos > Archivos.
  3. Near the upper-right corner of the page, from the View drop-down list, tap Card View.
  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 : ordene 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 á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 de edición , no es posible interactuar con un recurso 3D. Para que el recurso sea interactivo, puede utilizar la función de 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.
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 Asignación de un recurso 3D a un componente de medios 3D.
vista e interacción con un recurso 3D dentro de un componente de medios 3D
  1. Mientras una página web está en modo de edición , realice una de las siguientes acciones:
    • Cerca de la esquina superior derecha de la página, haga clic en Previsualización para acceder al modo de 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 Medios 3D Un recurso 3D completamente interactivo, tal como se muestra en el modo de Previsualización .
  1. En el modo de Previsualización , realice una de las siguientes acciones:
    • Gire la cámara : ordene 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 á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 medios 3D de Dynamic 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 de medios 3D en 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 aún no está activo.
  5. Toque un área vacía en la región del Contenedor ​Diseño para seleccionarla y abrir la barra de herramientas asociada.
  6. En la barra de herramientas, toque el icono Política para abrir el Editor de directivas.
  7. En la sección Propiedades , en la ficha Componentes ​permitidos, desplácese hasta Dynamic Media y, a continuación, 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 de 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.
  1. Abra AEM Sites y seleccione la página web a la que desea agregar el componente de medios 3D de Dynamic 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 esquina superior derecha de la página.
  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 .
  5. Arrastre el componente 3D Media de 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.

Opcional: Configuración del componente de medios 3D

  1. En el editor de páginas AEM Sites, seleccione el componente de visor de medios 3D 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.
  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.
  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.
  1. En el editor de páginas 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 Medios ​3D que agregó anteriormente a la página.
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 que el recurso sea interactivo, puede utilizar la función de 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 estáticos de Dynamic Media 3D

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 admiten imágenes dinámicas ni redireccionamiento de imágenes asociados al recurso 3D. El motivo es que Dynamic Media Imaging Server no reconoce los formatos 3D. De este modo, 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 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 de Dynamic Media.
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 de Dynamic Media 3D directamente en la página web.
Consulte también Publicación de páginas.
Para publicar recursos estáticos de Dynamic Media 3D
  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.
  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 situada a la izquierda del nombre de archivo del recurso 3D, toque Representaciones.
  5. Toque original. Cuando se publica un recurso 3D (o se "activa"), el botón URL aparece cerca de la esquina inferior izquierda de la página si se cumplen todas las condiciones de recursos 3D siguientes:
    • El recurso 3D es un formato admitido (GLB, OBJ, STL y USDZ).
    • El recurso 3D se ha ingerido en Dynamic Media Image Production System (IPS).
    • Se publica el recurso 3D.
  6. Toque URL para mostrar la URL de producción directa del recurso 3D, que puede copiar y utilizar en páginas web.

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

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