Crie um Jogo de Arcade Breakout Completo em HTML

De Wikiprompt, a enciclopédia livre de prompts

Eyisha Zyer
Contribuído porEyisha ZyerXFonte

11 de jul. de 2026

Crie um Jogo de Arcade Breakout Completo em HTML Um prompt abrangente para gerar um jogo Breakout totalmente funcional em um único arquivo HTML, cobrindo jogabilidade, controles, visuais, áudio e detalhes técnicos.

Conteúdo do PromptSalvar

🌐
Aqui está a tradução para o português brasileiro, preservando todos os placeholders, nomes de marcas, flags de parâmetros, chaves de código/JSON e estrutura: Construa um jogo Breakout/Arcade completo e jogável em um único arquivo HTML usando HTML, CSS e JavaScript. O QUE ELE FAZ Um jogo clássico de quebrar tijolos onde o jogador controla uma raquete para quicar uma bola e destruir uma grade de tijolos coloridos. O jogo deve ter aparência moderna, parecer polido e ser divertido de jogar imediatamente. RECURSOS PRINCIPAIS 1. Mecânicas de Jogo Uma raquete na parte inferior que segue o movimento do mouse ou as setas do teclado Uma bola que quica nas paredes, na raquete e nos tijolos Tijolos coloridos organizados em fileiras, cada tijolo requer um acerto para quebrar A bola destrói tijolos ao colidir e aumenta a pontuação Três vidas; perder a bola quando ela cai abaixo da raquete custa uma vida Condição de vitória: limpar todos os tijolos; Condição de derrota: perder todas as três vidas Múltiplos níveis de dificuldade que aumentam em velocidade/dificuldade 2. Controles Mouse: mover a raquete para a esquerda e direita movendo o cursor Teclado: setas Esquerda/Direita para mover a raquete Barra de espaço: lançar a bola no início P: pausar o jogo 3. Estilo Visual Design moderno e limpo com fundo escuro Tijolos coloridos com gradientes sutis Efeitos de brilho neon ou sombras suaves Animações suaves Tipografia limpa para pontuação e vidas Efeitos de partículas quando os tijolos são destruídos 4. IU e HUD Exibição de pontuação no canto superior esquerdo Exibição de vidas no canto superior direito (corações ou ícones) Exibição do nível atual Tela de fim de jogo com pontuação final e opção de reiniciar Tela de vitória com efeito de celebração Sobreposição de pausa Tela inicial com instrução "Pressione Espaço para Começar" 5. Áudio Efeito sonoro de quique da bola (sintético) Efeito sonoro de quebra de tijolo Som de fim de jogo Som de vitória 6. Detalhes Técnicos Use o Canvas HTML5 para renderização Todo o código em um único arquivo HTML Desempenho suave a 60fps com requestAnimationFrame Detecção de colisão: bola vs raquete, bola vs tijolos, bola vs paredes Power-ups (opcional): multi-bola, aumento do tamanho da raquete, desaceleração da bola ESTRUTURA DO ARQUIVO Um único arquivo HTML com CSS e JavaScript incorporados Sem dependências externas Todos os ativos (cores, formas) gerados em código Canvas responsivo que se ajusta para caber no viewport Crie um jogo Breakout polido e viciante que alguém realmente queira jogar.

Entre para ver o prompt completo

Continuar com:

Ao entrar, você concorda com nossos Termos de uso e Política de privacidade

Uso

Este prompt foi projetado para uso com coding. Copie o conteúdo acima e cole na sua ferramenta de IA preferida.

Para melhores resultados, personalize os marcadores (indicados por colchetes ou maiúsculas) com seus requisitos específicos.

Referências

Categorias:coding| twitter| breakout-game| html5-canvas

Discussão

0 comentários