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 ao seu 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 supported-three-d-file-formats-in-dm

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

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

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

Consulte Configurar o Dynamic Media Cloud Service.

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 de detalhes do ativo e no componente de Mídia 3D do 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. De Experience Manager, no Navegação selecione Ativos > 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. 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:

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

Visualizar e interagir 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 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 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, clique em 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 + 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 Experience Manager Sites para habilitar 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. Para abrir o modelo, selecione Editar.

  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. Para selecionar uma área vazia e abrir a barra de ferramentas associada, selecione a área vazia na 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 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 a uma página da Web adding-the-three-d-media-component-to-a-web-page

Se você estiver usando Experience Manager como seu sistema de gerenciamento de conteúdo da web, você pode 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 a páginas.

  1. Abertura 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 a variável Editar ícone (lápis). 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 - Configuração do componente de Mídia 3D configuring-the-three-d-component

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

  2. Para abrir a caixa de diálogo de 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 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.

  1. No Experience Manager Sites editor de página, clique no botão 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 dinâmico geração de imagens ou remontagem de imagens 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ê estiver usando Experience Manager como seu WCM, use esse 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 estáticos do Dynamic Media 3D:

  1. Abra um ativo 3D (formato de arquivo GLB, OBJ ou STL).

  2. Na página Detalhes, selecione na barra de ferramentas 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. Para exibir o URL de produção direta do ativo 3D, que você pode copiar e usar em páginas da Web, selecione URL.

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ê estiver não usar Experience Manager como seu WCM.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab