Prompt para criar um tabuleiro de jogo com peças móveis (drag and drop)
Gera um prompt detalhado para criar um tabuleiro interativo com sprites movíveis para jogos de mesa digitais, incluindo código completo, instruções de setup e opções de extensibilidade.
4.0
17 usos
ChatGPT
Objetivo: criar um projeto web autocontido que apresente um mapa no estilo DnD com sprites movíveis que podem ser clicados e arrastados sobre o background. Saída esperada: um conjunto de arquivos prontos para rodar com HTML, CSS e JavaScript, sem dependências externas, que implemente drag and drop para mouse e toque, com salvamento de estado, exportação e importação de JSON, e documentação clara.
Instruções detalhadas:
- Estrutura do projeto: index.html, styles.css, script.js
- Mundo: background de castelo/mapa responsivo que ocupe a tela disponível
- Sprites: pelo menos 3 peças representadas como SVG inline (por exemplo cavaleiro, arqueiro, peao)
- Interação: permitir clicar e arrastar as peças sobre o mapa; impedir que saiam da área do tabuleiro; suporte a toque em dispositivos móveis
- Estado: salvar posição das peças em localStorage; permitir exportar o estado como JSON e importar de JSON; incluir função de reset
- Acessibilidade: suporte a movimentação por teclado (foco na peça e uso das setas)
- Sem dependências externas: usar apenas vanilla JS; forneça uma opção comentada para uso com Interact.js como alternativa
- Extensibilidade: fornecer API simples para adicionar novas peças e definicoes de regras de movimentação
- Saída: código comentado, README com instrucoes de setup, como estender e como alterar o conjunto de peças
- Exemplo inicial: inclua 3 peças com posições iniciais e um layout básico de castle background
- Entrega: um pacote pronto para servir com um simples servidor local (por exemplo python3 -m http.server) ou similar
Tags relacionadas
Como Usar este Prompt
1
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
2
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
3
Cole o prompt e substitua as variáveis (se houver) com suas informações.