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 suportados no Dynamic Media

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

Consulte também formatos 3D suportados.

extensão de arquivo 3D Formato de arquivo Tipo MIME Notas
GLB Transmissão binária GL model/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.

OBSERVAÇÃO

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 Configuração do 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.

Visualização e interação com um ativo 3D na página de detalhes do ativo

Consulte também Visualização de ativos usando a interface de 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 Fazer upload de ativos 3D para uso no Dynamic Media.

  2. No Experience Manager, na página Navegação, toque em Ativos > Arquivos.

  3. Próximo ao canto superior direito da página, na lista suspensa Exibir, toque em Exibição de cartão.

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

  5. Toque no 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, toque no í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, toque no ícone Tela cheia.
  7. No canto superior direito da página, toque em Fechar para voltar à página Assets.

Visualização e interação com um ativo 3D dentro de um componente de mídia 3D

Quando uma página da Web está no modo Edit, nenhuma interação é possível com um ativo 3D. Para tornar o ativo interativo, você pode usar o recurso Visualização 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 Visualização de ativos usando a interface de software.

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

  1. Embora uma página da Web esteja no modo Edit, siga um destes procedimentos:

    • Perto do canto superior direito da página, clique em Preview para entrar no modo Preview.
    • Exclua /editor.html do URL da página no navegador.

Um ativo 3D totalmente interativo, como exibido em Ativo 3D exibido no
componente Mídia 3Dum ativo 3D totalmente interativo, como exibido no modo ​Visualização.

  1. Enquanto estiver no modo Preview , 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, toque no í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, toque no ícone 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 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 ele ainda não estiver ativo.

    3d-media-component-structure

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

  6. Na barra de ferramentas, toque no ícone Policy para abrir o Policy Editor.

  7. Na seção Properties, na guia Componentes permitidos, role até Dynamic Media, expanda a lista e marque 3D Media.

  8. Toque em 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 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 às páginas.

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

  2. Toque no ícone Editar (lápis) para abrir a página no editor de páginas. Certifique-se de que o modo Edit esteja selecionado perto do canto superior direito da página.

    3d-media-component-add

  3. Na barra de ferramentas, toque no ícone do 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.

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

  5. Arraste o componente 3D Media da lista 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 - Configuração do componente de mídia 3D

  1. No editor de página Sites do Experience Manager, selecione o componente Visualizador de mídia 3D 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.

    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, toque na marca de seleção para salvar as alterações.

Atribuição de 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 editor de página Sites do Experience Manager, 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 deseja visualizar 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.

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

OBSERVAÇÃO

Embora uma página da Web esteja no modo Experience Manager 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 Visualização para exibir a página da Web no editor de páginas com acesso total à funcionalidade do componente de mídia 3D.

Publicar ativos 3D estáticos do Dynamic Media

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 dynamic criação de imagens ou ajuste de imagens associado 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.

Na 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 Publicação de 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, toque em Publicação rápida.

    3d-asset-quick-publish

  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.

    3d-representação de ativos

  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 no Sistema de Produção de Imagens da Dynamic Media (IPS).
    • O ativo 3D é publicado.

    3d-asset-url

  6. Toque em URL para exibir o URL de produção direta do ativo 3D que você pode copiar e usar 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 usar o Experience Manager como seu WCM.

Nesta página