Creación de un diseño de controles táctiles personalizados con GitHub Copilot

​

Requisitos previos

• Instale la versión más reciente de Visual Studio Code.
• Instale la herramienta de línea de comandos del Touch Adaptation Kit (TAK CLI).
• Instale la extensión Touch Adaptation Kit Editor para Visual Studio Code y complete la configuración del TAK Editor.
• Configure GitHub Copilot en Visual Studio Code.
• Descargue copilot-instructions.md en su PC. Este archivo actúa como un conjunto de instrucciones personalizadas para personalizar las respuestas de GitHub Copilot al crear diseños de controles táctiles personalizados. Para obtener más información, consulte Acerca de la personalización de las respuestas de GitHub Copilot.

​

Pasos

1. Inicie Visual Studio Code.
2. Siga la configuración del TAK Editor para abrir el área de trabajo y cree un nuevo paquete y diseño.
3. Cree una carpeta .github en la raíz de la carpeta del área de trabajo donde se encuentra el paquete y coloque el archivo copilot-instructions.md en la carpeta .github. Colocar las instrucciones aquí garantiza que Copilot pueda hacer referencia a las reglas de diseño al editar el JSON del diseño. Figura 2. Captura de pantalla del árbol de directorios de la carpeta .github y el archivo copilot-instructions.md.
4. Abra la ventana de Copilot Chat (método abreviado de teclado Ctrl+Alt+I).
5. En el explorador de Visual Studio Code, seleccione el archivo JSON del diseño que creó en la carpeta de diseños. Esta selección garantiza que Copilot Chat use el archivo como contexto para su sesión de edición. Figura 3. Captura de pantalla de la selección del archivo JSON de destino para agregarlo como contexto para Copilot.
6. Asegúrese de tener seleccionado el modo Agent para que Copilot proporcione una explicación detallada del resultado de la edición y, a continuación, seleccione su modelo de IA preferido. Figura 4. Captura de pantalla de la comprobación de que el modo agente está seleccionado y de la selección del modelo de IA.
7. Se recomienda preparar la asignación de botones del mando para su título con el fin de garantizar una configuración y usabilidad óptimas. Por ejemplo:

   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. Pida a Copilot que edite el JSON del diseño de destino usando su asignación de botones del mando. Por ejemplo:

   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

Asegúrese de que Copilot haga referencia a copilot-instructions.md después de indicarle que edite, para que pueda aplicar las reglas de diseño adecuadas a su diseño.Figura 5. Captura de pantalla de la confirmación del uso de las instrucciones de Copilot.Asegúrese de permitir que Copilot recupere los recursos, el esquema y la guía del diseñador desde las URL de referencia cuando se le solicite en la ventana de chat. Esta acción garantiza respuestas precisas y ofrece los mejores resultados posibles para su solicitud.Figura 6. Captura de pantalla de la autorización a Copilot para recuperar recursos.

9. Itere y pruebe hasta completar el diseño

• Transmita su título mediante la aplicación de prueba de contenido web (CTA).
• Sirva el diseño táctil con el comando serve de TAK.