Compartilhar via


Exemplos de controle de malha

Visão geral

O pacote Amostras de Controle fornece controles de interface do usuário criados usando o Kit de Ferramentas de Malha que você pode importar para seus projetos. Nós os usamos extensivamente em nossos tutoriais de Malha 101 e Malha 201 .

Captura de tela de vários exemplos de controle no tutorial Malha 101.

Os exemplos de controle ainda estão em desenvolvimento, portanto, os chamamos de "exemplos" para indicar que eles estão evoluindo e estão sujeitos a alterações ao longo do tempo. Detalhes sobre os exemplos de controle são dados na seção Amostras de controle em detalhes mais abaixo nesta página, mas aqui está uma rápida visão de como usá-los em nossos tutoriais.

BackplateBase

Como uma placa de fundo é um objeto de suporte tão útil para qualquer exibição de texto informativo, usamos o pré-fabricado BackplateBase em alguns lugares.

Captura de tela das várias instâncias do pré-fabricado BackplateBase no tutorial Malha 101.

Um exemplo: no tutorial malha 101, BackplateBase pode ser encontrado como um objeto filho para ChapterLabel , que é a exibição de texto de informações para a primeira estação, 3.1: Reprodução de vídeo.

Captura de tela de uma instância backplateBase no tutorial Malha 101.

ButtonBase

No tutorial malha 101, o pré-fabricado ButtonBase é usado para criar o botão Reproduzir para a tela de vídeo na estação 3.1: Reprodução de Vídeo . Observe que o pré-fabricado foi renomeado aqui para "PlayVideoButton".

Captura de tela de uma instância do ButtonBase no tutorial Malha 101.

Earth

No tutorial Malha 201, o pré-fabricado Terra é usado para a Estação 4: Carregar uma URL de um ativo 3D.

Captura de tela de uma instância de pré-fabricado da Terra no tutorial Malha 101.

InformationButton

No tutorial malha 101, o pré-fabricado InformationButton é usado para a estação 3.2: Gatilho de caixa de diálogo de informações . Observe que o pré-fabricado foi renomeado ligeiramente aqui para "Information_Button".

Captura de tela de uma instância do InformationButton no tutorial Malha 101.

Introdução

O pacote Exemplos de Controle é incluído quando você baixa os exemplos de Malha do GitHub.

Captura de tela do pacote Amostras de Controle no Explorador de Arquivos.

Para adicionar o pacote De exemplos de controle ao seu projeto:

  1. No projeto do Unity na barra de menus, selecioneGerenciador de Pacotes de Janelas>.
  2. Clique na lista suspensa '+' e selecione Adicionar pacote do disco ....

Captura de tela do menu Gerenciador de Pacotes com o item de menu Adicionar pacote do disco realçado.

  1. Na janela Selecionar pacote em disco , navegue até a pasta chamada com.microsoft.mesh.toolkit.control.samples e clique duas vezes no arquivo package.json .

Captura de tela do arquivo package.json em Explorador de Arquivos.

  1. O pacote Exemplos de Controle aparece no Gerenciador de Pacotes marcado como "Local" ...

Captura de tela do pacote Amostras de Controle no Gerenciador de Pacotes.

... e podem ser encontrados na pastaPacotes de Projeto>.

Captura de tela do pacote Exemplos de Controle na pasta Pacotes.

Exemplos de controle em detalhes

Os pré-fabricados de Exemplo de Controle estão em subpastas da pasta Runtime .

Runtime>Buttonbase

  • BackplateBase: use esse pré-fabricado para colocar todos os controles em um backplate com cantos arredondados e uma superfície iridescente.

Uma captura de tela do pré-fabricado BackplateBase na cena.

  • ButtonBase: o pré-fabricado base para todas as variantes de botão. O botão anima, produz comentários de áudio quando pressionado e contém um rótulo. Use o Visual Scripting para configurar eventos que são disparados quando um avatar clica no botão.

Uma captura de tela do pré-fabricado ButtonBase na cena.

Runtime>Globo

  • Terra: Um globo terrestre que gira e pode ser selecionado. Quando selecionado, o globo gera uma posição de latitude e longitude e adiciona um marcador. Essa funcionalidade pode ser estendida e modificada com o Visual Scripting. Todas as ações são compartilhadas por todos os clientes por padrão.

Uma captura de tela da terra pré-fabricado na cena.

Runtime>InformationButton

  • InformationButton: um botão de moeda de espaço do mundo flutuante. O botão apresenta a detecção de proximidade por meio do Avatar Trigger comportamento. Quando um avatar está a uma certa distância do botão, a moeda para de girar e é em vez disso. O avatar é capaz de clicar na moeda. Se o avatar estiver fora do intervalo, ele não poderá mais clicar no botão e o botão retornará para girar. O comportamento interativo do botão é controlado por seu componente de Instalação Interacionável de Malha e pelo script InformationButton .

Captura de tela do pré-fabricado InformationButton na cena.

Próximas etapas