Trabalhar com ativos 3D no Dynamic Media working-with-three-d-assets-dm

O Dynamic Media permite carregar, gerenciar, visualizar 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 visualizar ativos 3D com a predefinição interativa e de alta qualidade do visualizador dimensional baseada no Adobe Dimension.
  • O componente WCM do Media 3D permite adicionar facilmente ativos 3D às páginas do Adobe Experience Manager Sites.

Não há necessidade de configuração adicional para usar ativos 3D no Dynamic Media.

Sapato em 3d Página de detalhes de um sapato tridimensional.

Formatos 3D compatíveis com o Dynamic Media supported-three-d-file-formats-in-dm

O Dynamic Media é compatível com os seguintes formatos 3D.

Consulte também Formatos 3D compatíveis.

Extensão de arquivo 3D
Formato de arquivo
Tipo MIME
Notas
GLB
Transmissão GL Binária
model/gltf-binary
Inclui os materiais e texturas como um único ativo.
OBJ
Arquivo de objeto 3D do WaveFront
application/x-tgif
STL
Estereolitografia
application/vnd.ms-pki.stl
USDZ
Arquivo Zip de Descrição de Cena Universal
model/vnd.usdz+zip
Suporte somente para assimilação; nenhuma visualização ou interação está disponível. O USDZ é um formato 3D proprietário que pode ser visualizado nativamente por dispositivos Safari e iOS.
NOTE
O componente WCM do Media 3D e a visualização 3D na página Detalhes de um ativo não são compatíveis com a versão mais recente do Chrome (97.x). Em vez disso, para trabalhar com ativos 3D, use o Firefox ou o Safari, ou use uma versão anterior do Chrome (96.x).

Início rápido: ativos 3D no Dynamic Media quick-start-three-d

A descrição do fluxo de trabalho passo a passo a seguir foi projetada para ajudar você a começar a usar rapidamente os ativos 3D no modo Dynamic Media - Scene7.

IMPORTANT
Os ativos 3D não são compatíveis com o Dynamic Media - modo híbrido.

Antes de trabalhar com ativos 3D no Dynamic Media, verifique se o administrador do Experience Manager já ativou e configurou o Dynamic Media Cloud Service no modo Dynamic Media - Scene7.

Consulte Configurar o Dynamic Media Cloud Service em Configuração do Dynamic Media - modo Scene7 e Solução de problemas do modo Dynamic Media - Scene7.

Sobre visualização e interação com ativos 3D viewing-three-d-assets

Esta seção descreve como visualizar e interagir com ativos 3D de duas maneiras diferentes: na página Detalhes do ativo e no componente Mídia 3D no Experience Manager Sites.

O visualizador 3D interativo inclui, entre outras coisas, uma coleção de controles interativos de câmera que permitem que você orbite, amplie e desloque o ativo 3D.

O tempo necessário para abrir um ativo 3D na exibição de página Detalhes do ativo depende de vários fatores. Esses fatores incluem coisas como as seguintes:

  • Largura de banda do servidor.
  • Latências no servidor
  • Complexidade da imagem.

Além disso, os recursos do computador cliente - como estação de trabalho, notebook ou dispositivo de toque móvel - também são importantes ao manipular a câmera interativamente. Um sistema razoavelmente eficiente com boas capacidades gráficas pode tornar a experiência de visualização 3D interativa mais suave e favorável.

TIP
É possível abrir a predefinição do visualizador Dimensional no Editor de predefinições do visualizador para praticar a navegação em um ativo 3D sem precisar primeiro fazer upload de arquivos 3D. A predefinição do visualizador Dimensional tem um ativo 3D incorporado para você interagir.
Consulte Gerenciar predefinições do visualizador.

Exibir e interagir com um ativo 3D na página de detalhes do ativo viewing-three-d-assets-from-asset-details-page

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

Para visualizar e interagir com um ativo 3D na página de detalhes do ativo:

  1. Verifique se você carregou ativos 3D no Experience Manager.

    Consulte Fazer upload de ativos 3D para uso no Dynamic Media.

  2. Do Experience Manager, no Navegação página, vá para Assets > Arquivos.

  3. Próximo ao canto superior direito da página, no Exibir selecione Exibição de cartão.

  4. Navegue até um ativo 3D que deseja visualizar.

  5. Selecione o cartão do ativo 3D.

  6. Na página da exibição de detalhes do ativo 3D, siga um destes procedimentos:

    table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4
    Exibir Descrição Ação do mouse Ação da tela de toque
    Girar a câmera Gire a visualização em torno da cena 3D e dos objetos. Clique com o botão esquerdo + arraste. Pressione com um dedo + arraste.
    Deslocar a câmera Desloque sua exibição para a esquerda, direita, para cima ou para baixo. Clique com o botão direito do mouse e arraste. Pressione com dois dedos + arraste.
    Aplicar zoom à sua câmera Mova para dentro e para fora das áreas na cena 3D. Roda de rolagem. Pinça de dois dedos.
    Recentralize sua câmera Recentralize sua câmera em um ponto sobre um objeto na cena 3D. Clique duas vezes em. Selecione duas vezes.
    Redefinir Próximo ao canto inferior direito da página, selecione o ícone Redefinir para restaurar o ponto de destino de exibição para o centro do ativo 3D. A redefinição também move a câmera para mais perto ou mais longe, para mostrar o ativo em sua 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, selecione o ícone Tela cheia.
  7. No canto superior direito da página, selecione Fechar para retornar à página Ativos.

Visualização e interação com um ativo 3D dentro de um componente de Mídia 3D interacting-with-asset-inside-three-d-media-component

Quando uma página da Web está em Editar , nenhuma interação é possível com um ativo 3D. Para tornar o ativo interativo, é possível usar o Visualizar recurso para exibir a página da Web no editor de páginas com acesso total à funcionalidade do componente de Mídia 3D.

IMPORTANT
Essa tarefa só pode ser realizada após a adição de um componente de Mídia 3D a uma página da Web e a atribuição de um ativo 3D ao componente. Consulte Adição do componente de Mídia 3D a uma página da Web e Atribuição de um ativo 3D a um componente de Mídia 3D.

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

Para visualizar e interagir com um ativo 3D dentro de um componente de Mídia 3D:

  1. Enquanto uma página da Web estiver em Editar execute um dos procedimentos a seguir:

    • Próximo ao canto superior direito da página, selecione Visualizar para inserir Visualizar modo.
    • Excluir /editor.html no URL da página no navegador.

    Ativo 3D exibido dentro do componente de Mídia 3D
    Um ativo 3D totalmente interativo, conforme exibido na Visualizar modo.

  2. Durante a Visualizar , execute um dos procedimentos a seguir:

    table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4
    Exibir Descrição Ação do mouse Ação da tela de toque
    Girar a câmera Gire a visualização em torno da cena 3D e dos objetos. Clique com o botão esquerdo + arraste. Pressione com um dedo + arraste.
    Deslocar a câmera Desloque sua exibição para a esquerda, direita, para cima ou para baixo. Clique com o botão direito do mouse e arraste. Pressione com dois dedos + arraste.
    Aplicar zoom à sua câmera Mova para dentro e para fora das áreas na cena 3D. Roda de rolagem. Pinça de dois dedos.
    Recentralize sua câmera Recentralize sua câmera em um ponto sobre um objeto na cena 3D. Clique duas vezes em. Selecione duas vezes.
    Redefinir Próximo ao canto inferior direito da página, selecione o ícone Redefinir para restaurar o ponto de destino de exibição para o centro do ativo 3D. A redefinição também move a câmera para mais perto ou mais longe, para mostrar o ativo em sua 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, selecione o ícone Tela cheia.

Como trabalhar com o componente de Mídia 3D working-with-three-d-media-component

O Dynamic Media inclui um componente de mídia 3D do Dynamic Media que pode ser usado no Adobe Experience Manager 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 adding-three-d-media-component-to-page-template

  1. Navegue até Ferramentas > Geral > Modelos.

  2. Navegue até o modelo de página em que deseja ativar o componente 3D e selecione o modelo.

  3. Selecionar Editar para que você possa abrir o template.

  4. Próximo ao canto superior direito da página, no menu suspenso, selecione Estrutura caso ainda não esteja ativo.

    3d-media-component-structure

  5. Selecione uma área vazia na Contêiner de layout para selecioná-la e abrir sua barra de ferramentas associada.

  6. Na barra de ferramentas, selecione o Política ícone para abrir o Editor de políticas.

  7. No Propriedades seção, sob o Componentes permitidos , role até Dynamic Media, em seguida, expanda a lista e marque Mídia 3D.

  8. Selecionar Concluído para salvar as alterações e fechar o Editor de políticas.

    Agora é possível colocar o componente de Mídia 3D do Dynamic Media em todas as páginas que usam esse modelo.

Adicionar o componente de Mídia 3D em uma página da Web adding-the-three-d-media-component-to-a-web-page

Se você usa o Experience Manager como seu sistema de gerenciamento de conteúdo na Web, é possível adicionar ativos 3D às suas páginas da Web por meio do componente de Mídia 3D.

Consulte também Adicionar ativos do Dynamic Media em páginas.

Para adicionar o componente de Mídia 3D em uma página da Web:

  1. Abra o Experience Manager Sites e selecione a página da Web à qual deseja adicionar o componente de Mídia Dynamic Media 3D.

  2. Selecione o Editar (lápis) para que você possa abrir a página no editor de páginas. Verifique se Editar está selecionado próximo ao canto superior direito da página.

    3d-media-component-add

  3. Na barra de ferramentas, selecione o ícone Painel lateral para alternar ou "ativar" a exibição do painel.

  4. No painel lateral, selecione o ícone de sinal de mais para abrir a Componentes lista.

    3d-media-component-arrastar-soltar

  5. Arraste o Mídia 3D componente do Componentes 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 Atribuir um ativo 3D ao componente de Mídia 3D.

Opcional - Configurar o componente de Mídia 3D configuring-the-three-d-component

  1. No editor de páginas do Experience Manager Sites, selecione a variável Visualizador de mídia 3D que você adicionou anteriormente à página.

  2. Selecione o Configuração ícone (chave inglesa) para abrir a caixa de diálogo de configuração do componente.

    3d-media-component-config

  3. Na caixa de diálogo Mídia 3D, na lista suspensa Predefinição do visualizador, selecione Dimensional para atribuir a predefinição do visualizador Dimensional ao componente.

    3d-media-component-edit-config

  4. No canto superior direito, selecione a marca de seleção para salvar as alterações.

Atribuir um ativo 3D ao componente de Mídia 3D assigning-a-three-d-asset-to-the-component

Depois de adicionar um componente de Mídia 3D a uma página da Web, é possível atribuir um ativo 3D a ele.

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

Para atribuir um ativo 3D ao componente de Mídia 3D:

  1. No editor de páginas do Experience Manager Sites, selecione a variável Assets ícone para abrir Assets no painel lateral.

  2. Na lista suspensa, selecione 3D para mostrar apenas tipos de arquivo de ativo 3D.

  3. No painel lateral, procure ou role até o ativo 3D que deseja visualizar na página que está sendo editada.

  4. Arraste o ativo 3D do painel lateral Ativos e solte-o na Mídia 3D que você adicionou anteriormente à página.

    Atribuir ativo 3D ao componente de Mídia 3D

NOTE
Enquanto uma página da Web estiver na Experience Manager Sites Editar , o componente de Mídia 3D exibe o ativo 3D, mas não é possível haver interação com ele. Para tornar o ativo interativo, é possível usar o Visualizar recurso para exibir a página da Web no editor de páginas com acesso total à funcionalidade do componente de Mídia 3D.

Publicar ativos estáticos do Dynamic Media 3D publishing-three-d-assets

O Dynamic Media aceita vários formatos de arquivo 3D compatíveis como conteúdo estático no Dynamic Media. O conteúdo estático significa que é possível carregar e publicar ativos 3D, mas não há suporte para imagem variável ou remontagem de imagem associada ao ativo 3D. O motivo é que o Dynamic Media Imaging Server não reconhece os 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 do URL do Dynamic Media. No entanto, não é possível editar parâmetros no URL do ativo, ao contrário dos ativos de imagem tradicionais no Dynamic Media.

Consulte também Obtenção de um URL para um ativo estático.

No Exibiçã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ê usar o Experience Manager como o WCM, use esse método de publicação para adicionar os ativos do Dynamic Media 3D diretamente na sua página da Web.

Consulte também Publicar ativos do Dynamic Media.

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 exibi-lo na página de detalhes do ativo.

  2. Na barra de ferramentas, selecione Publicação rápida.

    3d-asset-quick-publish

  3. Selecionar Fechar para sair da caixa de diálogo e retornar à página de detalhes do ativo.

  4. Na lista suspensa à esquerda do nome do arquivo do ativo 3D, selecione Representações.

    3d-asset-renditions

  5. Selecionar original. Quando um ativo 3D é publicado (ou "ativado"), a variável URL será exibido próximo ao canto inferior esquerdo da página se todas as condições de ativos 3D a seguir forem atendidas:

    • O ativo 3D é um formato compatível (GLB, OBJ, STL e USDZ).
    • O ativo 3D foi assimilado no Sistema de produção de imagem (IPS) da Dynamic Media.
    • O ativo 3D é publicado.

    3d-asset-url

  6. Selecionar URL para que você possa exibir o URL de produção direta do ativo 3D, que pode ser copiado e usado em páginas da web.

Métodos alternativos para publicar ativos 3D do Dynamic Media usando o visualizador Dimensional alternate-publish-methods

Use os dois métodos a seguir para publicar ativos 3D do Dynamic Media, se você fizer isso não use o Experience Manager como o WCM.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2