Trabalhar com ativos 3D no Dynamic Media

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 de visualizador Dimensional de alta qualidade fornecida pela Adobe Dimension.
  • O componente WCM Mídia 3D permite adicionar facilmente ativos 3D às páginas do Adobe Experience Manager Sites.

Não há nenhuma configuração adicional necessária para usar ativos 3D no Dynamic Media.

Sapato em 3d

Formatos 3D compatíveis com o Dynamic Media

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 binária GL modelo/gltf-binário 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 da cena universal model/vnd.usdz+zip Suporte apenas para ingestão; nenhuma visualização ou interação está disponível. USDZ é um formato 3D proprietário que pode ser visualizado originalmente por dispositivos Safari e iOS.

Início rápido: Ativos 3D no Dynamic Media

A seguinte descrição passo a passo do fluxo de trabalho foi criada para ajudar você a ativar e executar rapidamente com ativos 3D no modo Dynamic Media - Scene7.

IMPORTANTE

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

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

  1. Fazer upload de 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 visualizar e interagir com ativos 3D de duas maneiras diferentes: na página de detalhes do ativo e a partir do componente Mídia 3D no 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 que leva para abrir um ativo 3D na exibição de 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 a serem considerados 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.

DICA

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 fazer upload primeiro de qualquer arquivo 3D. A predefinição do visualizador Dimensional tem um ativo 3D integrado com o qual você pode interagir.

Consulte Gerenciar predefinições do visualizador.

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

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

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

  1. Certifique-se de ter carregado ativos 3D no Experience Manager.

    Consulte Faça upload de seus ativos 3D para usar no Dynamic Media.

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

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

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

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

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

    Exibir Descrição Ação do mouse Ação da tela de toque
    Rode a câmera Gire a visualização em torno da cena 3D e dos objetos. Clique com o botão esquerdo e arraste. Pressione com um único dedo e arraste.
    Deslocar a câmera Deslocar a vista para a esquerda, para a direita, para cima ou para baixo. Clique com o botão direito + arraste. Pressione com dois dedos e arraste.
    Zoom da câmera Mova para dentro e para fora de áreas na cena 3D. Roda de rolagem. Um beliscão de dois dedos.
    Recenter a câmera Insira novamente sua câmera em um ponto em um objeto na cena 3D. Duplo clique. Toque duas vezes.
    Redefinir Próximo ao canto inferior direito da página, selecione o ícone Redefinir para restaurar o ponto de destino da exibição para o centro do ativo 3D. A redefinição também aproxima ou afasta a câmera para mostrar o ativo inteiro e com 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 de 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

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

IMPORTANTE

Essa tarefa só pode ser realizada 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 Atribuição de um ativo 3D a um componente de mídia 3D.

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

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

  1. Enquanto uma página da Web está em Editar , execute um dos seguintes procedimentos:

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

Um ativo 3D totalmente interativo, como exibido em Ativo 3D exibido dentro do componente Mídia 3D
Um ativo 3D totalmente interativo, como exibido em Visualizar modo.

  1. Enquanto em Visualizar , execute um dos seguintes procedimentos:

    Exibir Descrição Ação do mouse Ação da tela de toque
    Rode a câmera Gire a visualização em torno da cena 3D e dos objetos. Clique com o botão esquerdo e arraste. Pressione com um único dedo e arraste.
    Deslocar a câmera Deslocar a vista para a esquerda, para a direita, para cima ou para baixo. Clique com o botão direito + arraste. Pressione com dois dedos e arraste.
    Zoom da câmera Mova para dentro e para fora de áreas na cena 3D. Roda de rolagem. Um beliscão de dois dedos.
    Recenter a câmera Insira novamente sua câmera em um ponto em um objeto na cena 3D. Duplo clique. Toque duas vezes.
    Redefinir Próximo ao canto inferior direito da página, selecione o ícone Redefinir para restaurar o ponto de destino da exibição para o centro do ativo 3D. A redefinição também aproxima ou afasta a câmera para mostrar o ativo inteiro e com 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 de tela cheia.

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

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 da página

  1. Navegar para Ferramentas > Geral > Modelos.

  2. Navegue até o modelo de página no qual você 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 , se ainda não estiver ativo.

    3d-media-component-structure

  5. Selecione uma área vazia no Contêiner de layout região para selecioná-la e abrir a barra de ferramentas associada.

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

  7. No Propriedades na seção Componentes permitidos guia , 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

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

Consulte também Adicionar ativos do Dynamic Media nas 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 3D do Dynamic Media.

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

    3d-media-component-add

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

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

    3d-mídia-componente-arrastar-soltar

  5. Arraste o Mídia 3D do Componentes liste para o local na página onde você 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

  1. No editor de páginas do Experience Manager Sites, selecione o Visualizador de mídia 3D componente adicionado anteriormente à página.

  2. Selecione o Configuração ícone (chave) para abrir a caixa de diálogo 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 Dimensões 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 suas alterações.

Atribuir um ativo 3D ao componente de mídia 3D

Após adicionar um componente de Mídia 3D a uma página da Web, é possível atribuir um ativo 3D a ela.

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 o Ativos ícone 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 deseja visualizar na página que está sendo editada.

  4. Arraste o ativo 3D do painel lateral Ativos e solte-o no Mídia 3D componente adicionado anteriormente à página.

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

OBSERVAÇÃO

Enquanto uma página da Web estiver na Experience Manager Sites Editar modo , o componente 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 Visualizar 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 em Dynamic Media 3D

O Dynamic Media aceita vários 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 imagem variável ou reversão de imagem associada ao ativo 3D. Isso ocorre porque o Dynamic Media Imaging Server não reconhece formatos 3D. Dessa forma, depois de publicar um ativo 3D no Dynamic Media, você tem um URL instantâneo que pode ser copiado. O URL para o 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 na Dynamic Media.

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

Consulte também Publicar ativos do Dynamic Media.

Consulte também Publicar páginas.

Para publicar ativos 3D estáticos do Dynamic Media:

  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 de arquivo do ativo 3D, selecione Representações.

    3d-representação de ativos

  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 seguintes condições de ativos 3D 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 da Dynamic Media (IPS).
    • 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 nas 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 3D do Dynamic Media se você not use o Experience Manager como o WCM.

Nesta página