Trabalhar com ativos 3D no Dynamic Media

O Dynamic Media permite carregar, gerenciar, visualização e fornecer ativos 3D como experiências imersivas.

• Publicação com um clique (usando 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 configuração adicional para usar ativos 3D no Dynamic Media.

Formatos 3D suportados no Dynamic Media

O Dynamic Media suporta os seguintes formatos 3D.

Consulte também formatos 3D suportados.

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 modo Dynamic Media - Scene7.

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 no modo Scene7.

Consulte Configuração de Cloud Services de Mídia Dinâmica em Configuração de Mídia Dinâmica - modo Scene7 e Resolução de Problemas de Mídia Dinâmica - modo Scene7.

1. Carregar ativos 3D

   • Fazer upload de ativos 3D para uso no Dynamic Media.
   • Formatos de arquivo 3D suportados para upload no Dynamic Media.

2. Gerenciar ativos 3D

   • Organizar e pesquisar ativos 3D

     • Organização de ativos digitais.
     • Pesquisando ativos 3D.
     • Usar predicados personalizados para filtrar os resultados da pesquisa.

   • Visualização de ativos 3D

     • Exibir e interagir com ativos 3D.
     • Gerenciamento da predefinição do visualizador Dimensional.

   • Trabalhar com metadados de ativos 3D

     • Gerenciamento de metadados para ativos digitais.
     • Esquemas de metadados.

3. Publicar ativos 3D

   • Publicar ativos estáticos do Dynamic Media 3D
   • Métodos alternativos para publicar ativos em Dynamic Media 3D usando o visualizador Dimensional

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.

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

Consulte também Visualizar ativos usando a interface de software.

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.

   Consulte Carregar ativos 3D para uso no Dynamic Media.

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

3. Perto do canto superior direito da página, na lista suspensa Visualização, toque em Visualização do cartão.

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:

   • Vire sua câmera - órbita 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 a sua câmera - Desloce a sua visualização para a esquerda, para a 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 (Recrie a câmera para 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 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.

Consulte também Visualizar ativos usando a interface de software.

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
componente de mídia 3D Um ativo 3D totalmente interativo, como exibido no modo ​​de visualização.

1. No modo Pré-visualização, execute um dos procedimentos a seguir:

   • Vire sua câmera - órbita 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 a sua câmera - Desloce a sua visualização para a esquerda, para a 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 (Recrie a câmera para 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
• Adicionar o componente de mídia 3D a uma página da Web
  • Opcional - Configuração do componente de mídia 3D
• Atribuição de um ativo 3D ao componente de mídia 3D

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. Perto do canto superior direito da página, no menu suspenso, selecione o modo Estrutura, se já não estiver ativo.

   

5. Toque em uma área vazia na região Container de 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, vá até Mídia dinâmica, expanda a lista e marque Mídia 3D.

8. Toque em Concluído para guardar 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.

Consulte também Adicionar ativos de Mídia Dinâmica às páginas.

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 próximo ao 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 Components.

   

5. Arraste o componente 3D Media 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.

Consulte Atribuindo um ativo 3D a um componente de mídia 3D.

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

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

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 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 3D Media que você adicionou anteriormente à página.

   

Publicar ativos estáticos do Dynamic Media 3D

O Dynamic Media aceita uma variedade de formatos de arquivo 3D compatíveis com 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 dynamic criação de imagens ou redefinição de imagens associadas 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.

Consulte também Obter um URL para um ativo estático.

Na Visualização de cartão, um pequeno ícone de globo aparece logo abaixo do nome de um ativo e à esquerda de sua 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 ativos de Mídia Dinâmica.

Consulte também Páginas de publicação.

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 é exibido 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 3D do Dynamic Media usando o visualizador Dimensional

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

• URL - Use o ​​URL se estiver usando um sistema de gestão de conteúdo da Web de terceiros e quiser vincular ativos 3D do Dynamic Media às suas páginas da Web usando o Visualizador Dimensional.

  Consulte Vincular URLs ao aplicativo da Web.

• Incorporar - Use ​​Incorporar quando quiser visualização um ativo 3D do Dynamic Media incorporado em uma página da Web usando o visualizador Dimensional. Copie o código incorporado na área de transferência para poder colá-lo nuas páginas da Web. A edição do código não é permitida na caixa de diálogo Embed.

  Consulte Incorporação do Vídeo de Mídia Dinâmica, do Visualizador de Imagens ou do Visualizador Dimensional em uma página da Web.