Show Menu
TEMAS×

Uso del componente Sitios 3D

AEM 3D incluye un componente Sitios AEM que puede utilizar para implementar la visualización interactiva de modelos 3D en páginas web.
Una vez agregado el componente 3D, puede ver el recurso 3D en dicho componente.

Adición del 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 activar componentes en plantillas.
Adición del componente 3D 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 aún no está activo.
  5. Toque en la región Contenedor de diseño para seleccionarla.
  6. Toque el botón Política para abrir el Editor de directivas .
  7. En la sección Propiedades , seleccione la marca de verificación 3D y, a continuación, 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.

Adición del componente de visor 3D a una página web

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 Sitios AEM y seleccione la página web a la que desea añadir el componente 3D.
  2. Toque el icono Editar (lápiz) para abrir la página en el editor de páginas. Asegúrese de seleccionar el modo Editar cerca de la parte superior derecha de la página.
  3. Puntee en el selector de rieles para abrir el panel lateral.
  4. Toque el icono de signo más para abrir la lista Componentes .
  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 de 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 un escenario 3D en la lista de etapas disponibles. El escenario ofrece un fondo y una iluminación.
    Se omite para recursos de dimensión de Adobe.
    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: Nota: La velocidad de giro supone una velocidad de fotogramas de 60/seg. 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 dimensión de Adobe.
    Color del botón de navegación Utilice el selector de color para elegir el color principal de los botones de control del visor. Se omite para los recursos de dimensión de Adobe.
    Color al pasar sobre la navegación Use el selector de color para elegir el color seleccionado o al que desea pasar el ratón por encima para los botones de control del visor. Se omite para recursos de dimensión de Adobe.
    Mostrar muestras Para uso futuro. Se omite para recursos de dimensión de Adobe.
    Mostrar ajustes preestablecidos de cámara GLTF Muestre u oculte los ajustes preestablecidos de cámara que pueden estar presentes en los recursos de dimensión de Adobe. Solo para recursos de dimensión de Adobe.
    Color de fondo GLTF Color de fondo predeterminado si el modelo 3D no incluye un fondo. Solo para recursos de dimensión de Adobe.
  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 pueden modificarse mediante CRXDE Lite. Consulte Configuración avanzada para obtener información detallada sobre esta configuración global.

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.
  3. Busque o desplácese hasta el recurso 3D que desea ver en la página que se está editando.
  4. Arrastre el recurso 3D de la lista Recursos al componente Visor ​3D que se ha colocado anteriormente en la página.
    Los recursos de dimensión de Adobe 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 se basan en el visor webGL clásico de 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 con 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 obtener una vista previa de la página web en el editor de páginas con acceso completo a la funcionalidad del componente 3D.
Para obtener una vista previa de una página web que tiene un componente 3D:
  1. Realice una de las siguientes acciones:
    • Cerca de la esquina superior derecha de la página, haga clic en Vista previa para acceder al modo de vista previa.
    • 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 Publicación de recursos 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.
Si utiliza el elemento de menú Publicar página del menú Información de página, se publicará la página y todas las dependencias de la página principal. 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 Recursos AEM antes de publicar la página web que hace referencia a estos recursos.