Visualização de ativos 3D em AEM

A Adobe Experience Manager oferece suporte para upload, delivery e pré-visualização interativa de ativos 3D como parte do processo de criação.

O visualizador 3D interativo está disponível na página de detalhes do ativo no AEM. O visualizador inclui, entre outras coisas, uma coleção de controles de câmera interativos que permitem girar, aplicar zoom e deslocar o ativo 3D.

Formatos suportados para pré-visualização 3D em AEM

A pré-visualização 3D interativa suporta os seguintes formatos de arquivo:

extensão de arquivo 3D Formato de arquivo Tipo MIME Notas
GLB Transmissão binária do GL model/gltf-binary
GLTF Formato de transmissão GL model/gltf+json Consulte Nota abaixo.
OBJ Arquivo de objeto 3D WaveFront application/x-tgif
STL Estereolitografia application/vnd.ms-pki.stl
DN Adobe Dimension model/x-adobe-dn Apoio unicamente à ingestão; pré-visualização não disponível.
USDZ Arquivo Zip de descrição do Universal Scene model/vnd.usdz+zip Apoio unicamente à ingestão; pré-visualização não disponível.

Observação: Se os materiais não forem renderizados na pré-visualização de um modelo gLTF, verifique se eles foram nomeados corretamente e se estão localizados em uma textures pasta na mesma pasta raiz do modelo, semelhante ao seguinte:

Ativo (pasta)
model.
gltfmodel.
bintextures (pasta)
material_0_baseColor.
jpegmaterial_0_normal.jpeg

Considerações de desempenho quando você pré-visualização ativos 3D em AEM

O tempo necessário para abrir um ativo 3D na página de visualização de detalhes do ativo depende de vários fatores, como largura de banda, complexidade da imagem e latências para o servidor.

Além disso, os recursos do computador cliente, como uma estação de trabalho, um notebook ou um dispositivo de toque móvel, também são importantes de se considerar ao manipular a câmera interativamente. Um sistema bastante eficiente com bons recursos gráficos pode tornar a experiência de visualização interativa em 3D mais fácil e favorável.

Para pré-visualização de ativos 3D em AEM

  1. Verifique se você fez upload dos ativos 3D no AEM.
    Consulte Formatos suportados para pré-visualização 3D e Carregar ativos.

  2. Em AEM, na página Navegação, toque em Ativos > Arquivos.

    Página de navegação

  3. Próximo ao canto superior direito da página, na lista suspensa Exibição, toque em Exibição de cartão e navegue até um ativo 3D que deseja visualizar.

    Seleção de cartão 3D
    Na Visualização do cartão, toque na placa do ativo 3D que você deseja pré-visualização.

  4. Toque no cartão do ativo 3D para abri-lo na página de visualização de detalhes do ativo.

    Pré-visualização 3D interativa
    Pré-visualização interativa de um ativo 3D na página de visualização de detalhes do ativo.

  5. Na página de visualização de detalhes do ativo 3D, execute um dos procedimentos a seguir:

    • Vire sua câmera—Orbite sua visualização em torno da cena 3D e dos objetos.
      • Mouse: Clique com o botão esquerdo + arraste.
      • Tela sensível ao toque: Pressione um único dedo + arraste.
    • Deslocar sua câmera - Desloce a visualização para a esquerda, direita, para cima ou para baixo.
      • Mouse: Clique com o botão direito do mouse e arraste.
      • Tela sensível ao toque: Pressione com dois dedos e arraste.
    • Zoom na câmera—Aplica zoom na câmera para mover para dentro e para fora das áreas da cena 3D.
      • Mouse: Roda de rolagem.
      • Tela sensível ao toque: Pinça com dois dedos.
    • Recenter your camera — Recenter your camera to a point on a object in a 3D scenation (Recentro em cena sua câmera, insira novamente sua câmera em um ponto de um objeto na cena 3D).
      • Mouse: Duplo-clique.
      • Tela sensível ao toque: Toque em duplo.
    • Redefinir — próximo ao canto inferior direito da página, toque no ícone Redefinir para restaurar o ponto de público alvo da visualização para o centro do ativo 3D. A redefinição também aproxima a câmera ou afasta-a para mostrar o ativo na totalidade e em um tamanho de visualização razoável.
    • Modo de tela cheia — Para entrar no modo de tela cheia, no canto inferior direito da página, toque no ícone Tela cheia.
  6. Quando terminar, próximo ao canto superior direito da página, toque em Fechar.

Nesta página