Caça ao Recife

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Recrie um jogo casual 2D de reflexo/click chamado “Caça ao Recife”, em português do Brasil, feito para ocupar a tela inteira e funcionar bem em celular com toque e desktop com mouse. Use um canvas em tela cheia como camada de fundo e uma interface HTML sobreposta.

Cenário e arte: represente um oceano visto de lado, sem câmera seguindo o jogador. O fundo deve ser um gradiente vertical azul-turquesa no alto, azul profundo no meio e azul-marinho quase escuro no fundo. Adicione feixes diagonais de luz subaquática translúcidos descendo do topo, cerca de 34 bolhas circulares pequenas que sobem lentamente com leve deriva horizontal e reaparecem embaixo, e um recife/silhueta escura ondulada na parte inferior. Inclua algas/fitas verdes curvas saindo do fundo e pequenos pontos de areia dourados na base. O visual deve ser colorido, limpo e desenhado com formas vetoriais simples, com atmosfera de mergulho; não use imagens externas.

Tela inicial: sobre o oceano, mostre no centro um cartão escuro azul-marinho translúcido, com borda clara fina arredondada, sombra ampla e cantos bem arredondados. O cartão contém o pequeno texto em caixa alta “DESAFIO DO RECIFE” em ciano, o título grande branco “Caça ao Recife”, e a descrição: “Durante 60 segundos, clique nos personagens que passam nadando. Cada um vale uma pontuação — o Peixe Palhaço dourado é o mais valioso!” Abaixo, coloque um botão grande em formato de pílula com gradiente amarelo-dourado para laranja, texto escuro em negrito “Começar mergulho”. Na parte inferior do cartão, exiba uma legenda com chips escuros/translúcidos: “🐠 Peixe Palhaço +25”, “🐟 Peixe Azul +10” e “🐢 Tartaruga +15”.

Início e HUD: ao clicar/tocar no botão, esconda o cartão inicial, mostre o jogo e comece uma rodada de exatamente 60 segundos. No topo, mantenha dois pills semitransparentes: à esquerda “PONTOS” com o valor atual, amarelo; à direita “TEMPO” com os segundos restantes, ciano. Na parte inferior, mostre “Toque ou clique nos personagens para marcar pontos”. O canvas deve aceitar pointerdown tanto de mouse quanto de toque.

Mecânica principal: durante a rodada, crie inicialmente 7 personagens e depois tente gerar um novo a cada 0,72 segundo, mantendo no máximo 12 personagens na tela. Cada personagem nasce fora de uma das laterais, aleatoriamente à esquerda ou à direita, em uma altura aleatória entre aproximadamente 92 px e a região inferior do oceano, e nada horizontalmente atravessando a tela. Personagens que vêm da esquerda apontam para a direita e os que vêm da direita são espelhados e apontam para a esquerda. Dê a eles um balanço vertical suave com seno e uma pequena rotação, para parecerem nadar. Remova-os quando estiverem bem fora da tela; remova também os atingidos depois da animação.

Escolha os tipos com frequências aproximadas: Peixe Azul 44%, Cavalo-marinho 23%, Tartaruga 18%, Peixe Palhaço 15%. Os valores são: Peixe Azul 10 pontos, Tartaruga 15, Cavalo-marinho 20 e Peixe Palhaço 25. O Peixe Palhaço deve ser o mais valioso e laranja/dourado, embora o texto da tela inicial o chame de dourado. Use tamanhos aproximados de 29 px para o peixe azul, 38 para tartaruga, 27 para cavalo-marinho e 34 para peixe-palhaço, com pequenas variações aleatórias e velocidades aproximadas de 92, 63, 78 e 116 px/s respectivamente, mais uma variação aleatória de velocidade.

Desenhe os personagens com formas vetoriais simples e olhos visíveis. Os peixes comuns têm corpo oval, cauda triangular, olho branco com pupila escura e uma faixa/acento vertical; o Peixe Palhaço é laranja com duas faixas claras. A Tartaruga tem casco oval verde-escuro, cabeça verde, quatro nadadeiras e olho. O Cavalo-marinho é uma linha grossa amarela em curva com cabeça circular, focinho alaranjado e olho escuro. Não adicione armas, inimigos, vidas ou controles de movimento: o único controle durante o jogo é clicar/tocar nos personagens.

Pontuação e interação: ao acertar um personagem ainda não acertado, marque-o, some seu valor à pontuação e mostre no local um texto flutuante colorido como “+25”, “+10”, “+15” ou “+20”, que sobe e desaparece em cerca de um segundo. Acertos consecutivos formam um combo; o bônus de cada acerto é 2 pontos por acerto anterior do combo (valor base + max(0, combo-1)*2), e registre o maior combo para o resultado final. Um clique que não acerta nenhum personagem zera o combo. Um personagem atingido deve subir lentamente, desaparecer gradualmente e não pode ser acertado novamente.

Fim da rodada: quando o cronômetro chega a zero, pare a geração e o movimento, esconda o HUD de jogo e a dica, e mostre um cartão central de encerramento no mesmo estilo visual. Use um título conforme a pontuação: com 260 ou mais “Lenda do recife!”, com 160 ou mais “Mergulhador de elite!”, com 80 ou mais “Bom olho, explorador!”, caso contrário “A maré está só começando!”. Mostre: “Você marcou [pontuação] pontos e acertou seu combo máximo de [maior combo].” Exiba também, para pontuações de 160 ou mais, “🌊 O recife inteiro notou sua pontaria!”; para as demais, “🐚 Tente de novo e supere sua marca!”. Inclua o botão laranja/amarelo “Jogar novamente”, que reinicia tudo, zera pontos e combo, restaura 60 segundos e gera os 7 personagens iniciais. Garanta que os cartões, textos e HUD sejam responsivos em telas estreitas, com tipografia de sistema, alto contraste e controles grandes para toque.