Show Menu
TÓPICOS×

Working with 3D assets in Dynamic Media

O Dynamic Media permite carregar, gerenciar, visualização e fornecer ativos 3D como experiências imersivas.
  • Publicação com um clique (usando a Publicação ​rápida na barra de ferramentas) de ativos 3D para gerar um URL.
  • Suporte otimizado para exibir ativos 3D com a predefinição do visualizador Dimensional interativo de alta qualidade, capacitado pela Adobe Dimension.
  • O componente 3D Media WCM permite adicionar facilmente ativos 3D às páginas do AEM Sites.
Não há necessidade de instalação adicional para usar ativos 3D no Dynamic Media.

Formatos 3D suportados no Dynamic Media

O Dynamic Media suporta os seguintes formatos de arquivo 3D.
Consulte também formatos 3D suportados
extensão de arquivo 3D
Formato de arquivo
Tipo MIME
Notas
GLB
Transmissão binária do GL
model/gltf-binary
Inclui os materiais e as texturas como um único ativo.
OBJ
Arquivo de objeto 3D WaveFront
application/x-tgif
STL
Estereolitografia
application/vnd.ms-pki.stl
USDZ
Arquivo Zip de descrição do Universal Scene
model/vnd.usdz+zip
Apoio unicamente à ingestão; nenhuma visualização ou interação está disponível. USDZ é um formato 3D proprietário que pode ser visualizado nativamente pelo Safari ou iOS.

Start rápido: Ativos 3D no Dynamic Media

A seguinte descrição passo a passo do fluxo de trabalho foi projetada para ajudá-lo a iniciar e executar rapidamente com ativos 3D no Dynamic Media.
Antes de trabalhar com ativos 3D no Dynamic Media, verifique se o administrador do AEM já habilitou e configurou os Cloud Services do Dynamic Media.
  1. Carregar ativos 3D
  2. Gerenciar ativos 3D
  3. Publicar ativos 3D

Sobre a visualização e interação com ativos 3D

Esta seção descreve como visualização e interagir com ativos 3D de duas maneiras diferentes: na página de detalhes do ativo e a partir do componente de mídia 3D no Sites.
O visualizador 3D interativo inclui, entre outras coisas, uma coleção de controles de câmera interativos que permitem que você orbite, aplique zoom e desloce o ativo 3D.
Esteja ciente de que o tempo necessário para abrir um ativo 3D na visualização da página Detalhes do ativo depende de vários fatores. Esses fatores incluem informações como as seguintes:
  • Largura de banda para o servidor.
  • Latências para o servidor
  • Complexidade da imagem.
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.
Você pode abrir a predefinição do visualizador Dimensional no Editor de predefinições do visualizador para praticar a navegação de um ativo 3D sem a necessidade de primeiro carregar qualquer arquivo 3D. A predefinição do visualizador Dimensional tem um ativo 3D incorporado para você interagir.

Exibir e interagir com um ativo 3D na página de detalhes do ativo

Para visualização e interação com um ativo 3D na página de detalhes do ativo
  1. Verifique se você fez upload dos ativos 3D no AEM.
  2. Em AEM, na página Navegação , toque em Ativos > Arquivos .
  3. Near the upper-right corner of the page, from the View drop-down list, tap Card View .
  4. Navegue até o ativo 3D que deseja visualizar.
  5. Toque no cartão de ativo 3D para abri-lo na página de detalhes do ativo.
  6. Na página de visualização de detalhes do ativo 3D, execute um dos procedimentos a seguir:
    • Rode 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 sua 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 sua câmera - 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 the 3D scenation (Recentro em cena sua câmera - Insira novamente sua câmera em um ponto em 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.
  7. No canto superior direito da página, toque em Fechar para voltar à página Assets.

Exibir e interagir com um ativo 3D dentro de um componente de mídia 3D

Quando uma página da Web está no modo Editar , nenhuma interação é possível com um ativo 3D. Para tornar o ativo interativo, você pode usar o recurso de Pré-visualização para visualização da página da Web no editor de páginas com total acesso à funcionalidade do componente de mídia 3D.
Você pode realizar essa tarefa somente depois de ter adicionado um componente de mídia 3D a uma página da Web e atribuído um ativo 3D ao componente. Consulte Adicionar o componente de mídia 3D a uma página da Web e Atribuir um ativo 3D a um componente de mídia 3D.
Para visualização e interação com um ativo 3D dentro de um componente de mídia 3D
  1. Enquanto uma página da Web estiver no modo Editar , execute um dos procedimentos a seguir:
    • Perto do canto superior direito da página, clique em Pré-visualização para entrar no modo Pré-visualização .
    • Exclua /editor.html do URL da página no navegador.
Um ativo 3D totalmente interativo, conforme exibido em Mídia 3D Um ativo 3D totalmente interativo como exibido no modo de Pré-visualização .
  1. No modo de Pré-visualização , execute um dos procedimentos a seguir:
    • Rode 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 sua 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 sua câmera - 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 the 3D scenation (Recentro em cena sua câmera - Insira novamente sua câmera em um ponto em 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.

Sobre como trabalhar com o componente de mídia 3D

O Dynamic Media inclui um componente de Dynamic Media 3D Media que pode ser usado no AEM Sites para permitir a visualização interativa de modelos 3D em suas páginas da Web.

Adicionar o componente de mídia 3D ao modelo de página

  1. Navegue até Ferramentas > Geral > Modelos .
  2. Navegue até o modelo de página no qual você deseja ativar o componente 3D e selecione o modelo.
  3. Toque em Editar para abrir o modelo.
  4. Próximo ao canto superior direito da página, no menu suspenso, selecione o modo Estrutura , se ainda não estiver ativo.
  5. Toque em uma área vazia na região do Container ​Layout para selecioná-la e abrir a barra de ferramentas associada.
  6. Na barra de ferramentas, toque no ícone Política para abrir o Editor de políticas.
  7. Na seção Propriedades , na guia Componentes ​permitidos, role até Dynamic Media (Mídia dinâmica) e expanda a lista e marque 3D Media (Mídia 3D).
  8. Toque em Concluído para salvar as alterações e fechar o Editor de políticas.
    Agora você pode colocar o componente Mídia 3D do Dynamic Media em todas as páginas que usam esse modelo.

Adicionar o componente de mídia 3D a uma página da Web

Se você estiver usando o Adobe Experience Manager como seu sistema de gestão de conteúdo da Web, poderá adicionar ativos 3D às suas páginas da Web por meio do componente de mídia 3D.
  1. Abra o AEM Sites e selecione a página da Web à qual deseja adicionar o componente Mídia 3D do Dynamic Media.
  2. Toque no ícone Editar (lápis) para abrir a página no editor de páginas. Verifique se o modo Editar está selecionado perto do canto superior direito da página.
  3. Na barra de ferramentas, toque no ícone Painel lateral para alternar ou "ativar" a exibição do painel.
  4. No painel lateral, toque no ícone de sinal de mais para abrir a lista Componentes .
  5. Arraste o componente de mídia 3D da lista Components ​para o local na página onde deseja que o visualizador 3D apareça.
Agora você está pronto para atribuir um ativo 3D ao componente.

Opcional - Configuração do componente de mídia 3D

  1. No editor de páginas do AEM Sites, selecione o componente 3D Media Viewer que você adicionou anteriormente à página.
  2. Toque no ícone Configuração (chave) para abrir a caixa de diálogo de configuração do componente.
  3. Na caixa de diálogo Mídia 3D, na lista suspensa Predefinições do visualizador, selecione Dimensionamento para atribuir a predefinição do visualizador Dimensional ao componente.
  4. No canto superior direito, toque na marca de seleção para salvar as alterações.

Atribuição de um ativo 3D ao componente de mídia 3D

Depois de adicionar um componente de mídia 3D a uma página da Web, você pode atribuir um ativo 3D a ela.
  1. No editor de páginas do AEM Sites, clique no ícone Ativos para abrir Ativos no painel lateral.
  2. Na lista suspensa, selecione 3D para mostrar apenas os tipos de arquivos de ativos 3D.
  3. No painel lateral, procure ou role até o ativo 3D que você deseja que seja visualização na página que está sendo editada.
  4. Arraste o ativo 3D do painel lateral Ativos e solte-o no componente Mídia ​3D que você adicionou anteriormente à página.
Enquanto uma página da Web está no modo AEM Sites Edit , o componente de mídia 3D exibe o ativo 3D, mas nenhuma interação com o ativo é possível. Para tornar o ativo interativo, você pode usar o recurso de Pré-visualização para visualização da página da Web no editor de páginas com total acesso à funcionalidade do componente de mídia 3D.

Publicar ativos estáticos do Dynamic Media 3D

O Dynamic Media aceita uma variedade de formatos de arquivo 3D suportados como conteúdo ** estático no Dynamic Media. O conteúdo estático significa que você pode fazer upload e publicar ativos 3D, mas não há suporte para geração de imagens dinâmicas ou para redefinição de imagens que esteja associada ao ativo 3D. O motivo é que o Dynamic Media Imaging Server não reconhece formatos 3D. Assim, depois de publicar um ativo 3D no Dynamic Media, você tem um URL instantâneo que pode ser copiado. O URL do ativo 3D segue a estrutura normal de URL do Dynamic Media. No entanto, não é possível editar nenhum parâmetro no URL do ativo, ao contrário dos ativos de imagem tradicionais no Dynamic Media.
Na Visualização de cartão, um pequeno ícone de globo aparece logo abaixo do nome de um ativo e à esquerda da data e hora para indicar que ele foi publicado. Na Exibição em lista , uma coluna Publicado indica quais ativos foram publicados ou não.
Se você estiver usando AEM como seu WCM, use este método de publicação para adicionar os ativos 3D do Dynamic Media diretamente na sua página da Web.
Consulte também Publicar páginas.
Para publicar ativos estáticos do Dynamic Media 3D
  1. Abra um ativo 3D (formato de arquivo GLB, OBJ ou STL) para visualização na página de detalhes do ativo.
  2. Na barra de ferramentas, toque em Publicação rápida .
  3. Toque em Fechar para sair da caixa de diálogo e retornar à página de detalhes do ativo.
  4. Na lista suspensa à esquerda do nome de arquivo do ativo 3D, toque em Representações .
  5. Toque em original . Quando um ativo 3D é publicado (ou "ativado"), o botão URL aparece próximo ao canto inferior esquerdo da página se todas as seguintes condições de ativo 3D forem atendidas:
    • O ativo 3D é um formato compatível (GLB, OBJ, STL e USDZ).
    • O ativo 3D foi assimilado ao Dynamic Media Image Production System (IPS).
    • O ativo 3D é publicado.
  6. Toque em URL para exibir o URL de produção direta do ativo 3D que você pode copiar e usar em páginas da Web.

Métodos alternativos para publicar ativos em Dynamic Media 3D usando o visualizador Dimensional

Use os dois métodos a seguir para publicar ativos do Dynamic Media 3D se não estiver usando AEM como seu WCM.