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 ativos 3D às páginas Adobe Experience Manager Sites.

Não é necessária nenhuma instalação adicional 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 de arquivo 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 pelo Safari ou pelo 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 Dynamic Media.

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

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

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. Verifique se você fez upload dos ativos 3D no Experience Manager.

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

  2. Em 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. Para abrir o ativo na página Detalhes, toque no 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, 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 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 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. Para abrir o modelo, toque em Editar.

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

  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ê estiver usando Experience Manager como seu sistema de gerenciamento de conteúdo da Web, poderá 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. Abra 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, toque no ícone Edit (lápis). 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 Atribuição de um ativo 3D ao componente de mídia 3D

Opcional - Configuração do componente de mídia 3D

  1. No editor de página Experience Manager Sites, selecione o componente Visualizador de mídia 3D que você adicionou anteriormente à página.

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

    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 Experience Manager Sites, 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 Editar, 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 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 estiver usando 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).

  2. Na página Detalhes , 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. Para exibir o URL de produção direta do ativo 3D que você pode copiar e usar nas páginas da Web, toque em 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ê estiver não usando Experience Manager como WCM.

Nesta página