Criar um layout de controles por toque personalizado com o GitHub Copilot

​

Pré-requisitos

• Instale a versão mais recente do Visual Studio Code.
• Instale a Touch Adaptation Kit Command Line Tool (TAK CLI).
• Instale a Touch Adaptation Kit Editor Extension para Visual Studio Code e conclua a Configuração do TAK Editor.
• Configure o GitHub Copilot no Visual Studio Code.
• Baixe o copilot-instructions.md para o seu PC. Esse arquivo serve como um conjunto de instruções personalizadas para personalizar as respostas do GitHub Copilot ao criar layouts de controles por toque personalizados. Para obter mais informações, consulte Sobre a personalização das respostas do GitHub Copilot.

​

Etapas

1. Inicie o Visual Studio Code.
2. Siga a Configuração do TAK Editor para abrir o workspace e crie um novo bundle e layout.
3. Crie uma pasta .github na raiz da pasta do workspace onde o bundle está e coloque o arquivo copilot-instructions.md na pasta .github. Colocar as instruções aqui garante que o Copilot possa consultar as regras de design ao editar o JSON do layout. Figura 2. Captura de tela da árvore de diretórios com a pasta .github e o arquivo copilot-instructions.md.
4. Abra a janela do Copilot Chat (atalho de teclado Ctrl+Alt+I).
5. No explorador do Visual Studio Code, selecione o arquivo JSON de layout que você criou na pasta de layout. Essa seleção garante que o Copilot Chat use o arquivo como contexto para sua sessão de edição. Figura 3. Captura de tela da seleção do arquivo json de destino para adicioná-lo como contexto para o Copilot.
6. Verifique se o modo Agent está selecionado para que o Copilot forneça uma explicação detalhada sobre o resultado da edição e, em seguida, selecione o modelo de IA de sua preferência. Figura 4. Captura de tela da verificação de que o modo agente está selecionado e da seleção do modelo de IA.
7. É recomendável preparar o mapeamento de botões do controle para o seu título para garantir a configuração e a usabilidade ideais. Por exemplo:

   A button: Jump
   B button: Dodge
   X button: Punch
   Y button: Kick
   Directional Pad: Select items
   Left Stick: Move character
   Right Stick: Camera control
   Left Trigger: Throw granade
   Right Trigger: Fire weapon
   View button: Open map
   Menu button: Open menu

1. Peça ao Copilot para editar o JSON do layout de destino usando o mapeamento de botões do seu controle. Por exemplo:

   Can you edit the touch layout JSON for a game scene that consists of the following controller button mapping?
   A button: Jump
   B button: Dodge
   X button: Punch
   Y button: Kick
   Directional Pad: Select items
   Left Stick: Move character
   Right Stick: Camera control
   Left Trigger: Throw granade
   Right Trigger: Fire weapon
   View button: Open map
   Menu button: Open menu

Certifique-se de que o Copilot consulte o copilot-instructions.md depois que você instruí-lo a editar, para que ele possa aplicar as regras de design apropriadas ao seu layout.Figura 5. Captura de tela da confirmação do uso das instruções do Copilot.Permita que o Copilot busque os recursos, o esquema e o guia do designer nas URLs de referência quando solicitado na janela de chat. Essa ação garante respostas precisas e oferece os melhores resultados possíveis para sua solicitação.Figura 6. Captura de tela da permissão para o Copilot buscar recursos.

9. Itere e teste até concluir

• Transmita seu título usando o Web Content Test Application (CTA).
• Sirva o layout de toque com o comando serve do TAK.