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 de mídia 3D permite adicionar facilmente os ativos 3D ao Adobe Experience Manager Sites páginas.

Não é necessária nenhuma instalação adicional 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 de arquivo 3D.

Consulte também Formatos 3D compatíveis com o Experience Manager Assets

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 pelo Safari ou pelo iOS.

O componente do WCM de mídia 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

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

Antes de trabalhar com ativos 3D na Dynamic Media, verifique se Experience Manager O administrador já ativou e configurou o Dynamic Media Cloud Services.

Consulte Configurar Dynamic Media Cloud Services.

  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. Verifique se você fez upload dos 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, selecione 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. Para abrir o ativo na página Detalhes, selecione o cartão do ativo 3D.

  6. Na página 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 .

Exibir e interagir com um ativo 3D em 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 Atribuir 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, clique em 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 você pode usar em 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. Para abrir o modelo, selecione Editar.

  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. Para selecionar uma área vazia e abrir sua barra de ferramentas associada, selecione a área vazia no Contêiner de layout região.

  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. Toque 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 a uma página da Web

Se estiver usando Experience Manager como sistema de gerenciamento de conteúdo da Web, você pode adicionar ativos 3D às páginas da Web por meio do componente Mídia 3D.

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

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

  2. Para abrir a página no editor de páginas, selecione o Editar ícone (lápis). 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 - Configuração do componente de mídia 3D

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

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

    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.

  1. No Experience Manager Sites no editor de páginas, clique no botã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 está no 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 dinâmico imagem ou redefiniçã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 estiver usando Experience Manager como seu WCM, use este método de publicação para adicionar os ativos 3D do Dynamic Media diretamente em sua 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).

  2. Na página Detalhes , na barra de ferramentas, selecione Publicação rápida.

    3d-asset-quick-publish

  3. Toque 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. Toque 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. Para exibir o URL de produção direta do ativo 3D que você pode copiar e usar nas páginas da Web, selecione URL.

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 usar Experience Manager como seu WCM.

Nesta página