Show Menu
TÓPICOS×

Trabalhar com o componente Sites 3D

O AEM 3D inclui um componente AEM Sites que você pode usar para implementar a visualização interativa de modelos 3D em páginas da Web.
Depois de adicionar o componente 3D, você pode exibir o ativo 3D nesse componente.

Adicionar o componente 3D ao modelo de página

Você deve ativar o componente 3D na página antes de colocá-lo em uma página. Consulte Edição de modelos para obter informações detalhadas sobre como ativar componentes em modelos.
Adicionar o componente 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 ainda não estiver ativo.
  5. Toque na região Contêiner de layout para selecioná-lo.
  6. Toque no botão Política para abrir o Editor de políticas.
  7. Na seção Propriedades , selecione a marca de seleção 3D e, em seguida, toque em Concluído para salvar as alterações e fechar o Editor de políticas.
    Agora você pode colocar o componente Sites 3D em todas as páginas que usam esse modelo.

Adicionar o componente visualizador 3D a uma página da Web

Esta versão do AEM 3D suporta apenas uma instância do componente 3D em cada página da Web. Vários componentes 3D na mesma página não funcionam corretamente.
Para adicionar o componente visualizador 3D a uma página da Web:
  1. Abra o AEM Sites e selecione a página da Web à qual deseja adicionar o componente 3D.
  2. Toque no ícone Editar (lápis) para abrir a página no editor de páginas. Verifique se o modo Editar próximo à parte superior direita da página está selecionado.
  3. Toque no seletor do painel para abrir o painel lateral.
  4. Toque no ícone de sinal de mais para abrir a lista Componentes .
  5. Arraste o componente Visualizador 3D da lista Componentes ​até o local na página onde deseja que o visualizador 3D apareça.

Configurar o componente 3D

  1. No editor de páginas do AEM Sites, selecione o componente Visualizador ​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.
    É possível definir as seguintes propriedades de componentes:
    Propriedade Descrição Aplicabilidade
    Altura (px) Especifique a altura desejada do componente 3D em pixels. Se deixado em branco, o padrão é 600 pixels.
    Nome da fase
    Selecione um Estágio 3D na lista de estágios disponíveis. O palco fornece fundo e iluminação.
    Ignorado para ativos do Adobe Dimension.
    Velocidade de rotação automática (RPM)
    O visualizador 3D orbita a câmera continuamente após carregar e redefinir. A rotação automática termina quando o usuário inicia uma ação de órbita manual.
    Você pode especificar a velocidade de rotação em RPM usando os seguintes valores:
    • Definir um valor positivo para girar para a direita
    • Definir um valor negativo para girar para a esquerda
    • Defina um valor 0 para desativar a rotação automática.
    O padrão é 3 RPM, o equivalente a 20 segundos por revolução completa. Observação: A velocidade de rotação assume uma taxa de quadros de 60/s. Normalmente, essa taxa é alcançada com modelos pequenos a moderadamente em hardware gráfico mais potente. Modelos maiores ou dispositivos mais lentos giram automaticamente em taxas mais baixas.
    Ignorado para ativos do Adobe Dimension.
    Cor do botão de navegação Use o seletor de cores para escolher a cor primária para os botões de controle do visualizador. Ignorado para ativos do Adobe Dimension.
    Cor do cursor de navegação Use o seletor de cores para escolher a cor de focagem/selecionada para os botões de controle do visualizador. Ignorado para ativos do Adobe Dimension.
    Mostrar amostras Para uso futuro. Ignorado para ativos do Adobe Dimension.
    Mostrar predefinições de câmera GLTF Mostre ou oculte as predefinições da câmera que podem estar presentes nos ativos do Adobe Dimension. Somente para ativos do Adobe Dimension.
    Cor de fundo GLTF Cor de plano de fundo padrão se o modelo 3D não incluir um plano de fundo. Somente para ativos do Adobe Dimension.
  3. Toque na marca de seleção para salvar suas alterações.
    Além das configurações disponíveis na caixa de diálogo de configuração do componente, há várias configurações globais disponíveis que podem ser modificadas por meio do CRXDE Lite. Consulte Configurações Configurações avançadas avançadas para obter informações detalhadas sobre essas configurações globais.

Atribuição de um modelo 3D ao componente

  1. No editor de páginas do AEM Sites, clique no ícone Ativos para abrir a lista Ativos no painel lateral.
  2. Selecione o filtro Modelos ​3D para ocultar tipos de ativos indesejados.
  3. Procure ou role até o ativo 3D que você deseja visualizar na página que está sendo editada.
  4. Arraste o ativo 3D da lista Ativos para o componente Visualizador ​3D colocado anteriormente na página.
    Os ativos do Adobe Dimension são renderizados usando a nova tecnologia do visualizador com base no padrão aberto glTF, enquanto todos os outros tipos de ativos 3D dependem do visualizador clássico do AEM 3D webGL. O componente seleciona automaticamente o visualizador apropriado com base no tipo de modelo 3D.

Visualização de uma página da Web que tenha um componente 3D

Enquanto a página da Web está no modo Editar , o componente 3D exibe o modelo 3D, mas nenhuma interação com o modelo é possível.
Você pode visualizar a página da Web no editor de páginas com total acesso à funcionalidade do componente 3D.
Consulte também Exibir ativos 3D no componente Sites 3D.
Para visualizar uma página da Web que tenha um componente 3D:
  1. Execute um dos procedimentos a seguir:
    • Próximo ao canto superior direito da página, clique em Visualizar para entrar no modo de visualização.
    • Exclua /edit.html do URL da página no navegador.

Publicar a página e os ativos

Consulte Publicação de ativos para obter informações sobre como publicar ativos. Consulte Publicação de páginas para obter informações sobre como publicar páginas.
Usar o item de menu Publicar página no menu Informações da página publicará a página e todas as dependências da página principal. As dependências secundárias que podem ser referenciadas pelo modelo 3D e/ou pela etapa 3D, como mapas de textura e imagens IBL, não são publicadas quando você publica a página dessa forma.
A Adobe recomenda que você publique todos os ativos 3D e suas dependências diretamente dos ativos AEM, antes de publicar a página da Web que faz referência a esses ativos.