Uso del componente Sitios 3D

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

Después de agregar el componente 3D, puede vista del recurso 3D en ese componente.

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

Debe habilitar el componente 3D en la página para poder colocarlo en una página. Consulte Edición de plantillas para obtener información detallada sobre cómo habilitar componentes en plantillas.

Añadir el componente 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 no está activo.

    image2017-11-14_15-33-57

  5. Toque en la región Contenedor de diseño para seleccionarla.

  6. Toque el botón Policy para abrir el Editor de directivas.

  7. En la sección Propiedades, seleccione la marca de verificación 3D y luego toque Listo para guardar los cambios y cerrar el Editor de directivas.

    Ahora puede colocar el componente Sitios 3D en todas las páginas que utilicen esta plantilla.

Añadir el componente del visor 3D en una página web

ATENCIÓN

Esta versión de AEM 3D solo admite una instancia del componente 3D en cada página web. Varios componentes 3D en la misma página no funcionan correctamente.

Para añadir el componente de visor 3D a una página web:

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

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

    image2017-11-14_15-44-40

  3. Puntee en el selector de rieles para abrir el panel lateral.

  4. Toque el icono de signo más para abrir la lista Components.

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

Configuración del componente 3D

  1. En el editor de páginas de AEM Sites, seleccione el componente Visor 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.

    Puede definir las siguientes propiedades de componente:

    Propiedad Descripción Aplicabilidad
    Altura (px) Especifique la altura deseada del componente 3D en píxeles. Si se deja vacío, el valor predeterminado es 600 píxeles.
    Nombre de la etapa

    Seleccione una etapa 3D en la lista de las etapas disponibles. El escenario ofrece un fondo y una iluminación.

    Consulte Acerca del uso de etapas en AEM sitios 3D.

    Se omite para recursos de Adobe Dimension.
    Velocidad de giro automático (RPM)

    El visor 3D orbita la cámara continuamente después de la carga y el reinicio. El giro automático termina cuando el usuario inicia una acción de órbita manual.

    Puede especificar la velocidad de giro en RPM con los siguientes valores:

    • Definir un valor positivo para girar a la derecha
    • Definir un valor negativo para girar a la izquierda
    • Establezca un valor 0 para deshabilitar el giro automático.

    El valor predeterminado es 3 RPM, equivalente a 20 segundos por revolución completa.

    Nota: La velocidad de giro supone una velocidad de fotogramas de 60/s. Esta tasa se consigue normalmente con modelos pequeños o de tamaño moderado en hardware de gráficos más potente. Modelos más grandes o dispositivos más lentos giran automáticamente a velocidades más bajas.

    Se omite para recursos de Adobe Dimension.
    Color del botón de navegación Utilice el selector de color para elegir el color principal de los botones de control del visor. Omitido para Adobe Dimension asses.
    Color al pasar sobre la navegación Use el selector de color para elegir el color seleccionado o al pasar el ratón por encima para los botones de control del visor. Se omite para recursos de Adobe Dimension.
    Mostrar muestras Para uso futuro. Se omite para recursos de Adobe Dimension.
    Mostrar ajustes preestablecidos de cámara GLTF Muestre u oculte los ajustes preestablecidos de cámara que pueden estar presentes en los recursos de Adobe Dimension. Solo para recursos de Adobe Dimension.
    Color de fondo GLTF Color de fondo predeterminado si el modelo 3D no incluye un fondo. Solo para recursos de Adobe Dimension.
  3. Toque la marca de verificación para guardar los cambios.

    Además de las opciones disponibles en el cuadro de diálogo de configuración de componentes, hay una serie de opciones de configuración global que se pueden modificar mediante el CRXDE Lite.
    Consulte Configuración avanzada para obtener información detallada sobre estas opciones globales.

Asignación de un modelo 3D al componente

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

  2. Seleccione el filtro Modelos 3D para ocultar los tipos de recursos no deseados.

    screen_shot_2017-12-11at124258

  3. 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 la lista Assets al componente 3D Viewer colocado anteriormente en la página.

    Los recursos de Adobe Dimension se representan con la nueva tecnología de visor basada en el estándar abierto glTF, mientras que todos los demás tipos de recursos 3D dependen del visor webGL clásico AEM 3D. El componente selecciona automáticamente el visor adecuado en función del tipo de modelo 3D.

Vista previa de una página Web que tiene un componente 3D

Mientras la página web está en modo Editar, el componente 3D muestra el modelo 3D, pero no es posible interactuar con el modelo.

Puede previsualización de la página web en el editor de páginas con acceso completo a la funcionalidad del componente 3D.

Consulte también Visualización de recursos 3D en el componente 3D Sitios.

Para previsualización de una página web que tenga un componente 3D:

  1. Realice una de las siguientes acciones:

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

Publicación de la página y los recursos

Consulte Publishing Assets para obtener información sobre cómo publicar recursos. Consulte Publicación de páginas para obtener información sobre cómo publicar páginas.

NOTA

Al utilizar el elemento de menú Publicar página del menú Información de página se publicará la página y todas las dependencias de página principales. Las dependencias secundarias a las que puede hacer referencia el modelo 3D y/o la fase 3D, como los mapas de textura y las imágenes IBL, no se publican al publicar la página de esta manera.

Adobe recomienda publicar todos los recursos 3D y sus dependencias directamente desde AEM Assets, antes de publicar la página web que hace referencia a estos recursos.

En esta página