Blocos de Bolso

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.

Crie um jogo de puzzle de blocos empilháveis chamado "Blocos de Bolso", em português do Brasil, no estilo clássico de queda de tetraminós. A tela deve ter um layout responsivo com fundo geral azul-marinho muito escuro em gradiente radial, texto claro e painéis arredondados em roxo-azulado. Em telas largas, centralize um tabuleiro vertical à esquerda e uma coluna lateral de aproximadamente 240 px à direita; em telas móveis, coloque o tabuleiro acima dos controles e informações. O tabuleiro é uma grade de 10 colunas por 20 linhas, com proporção 10:20, fundo quase preto (#0b0d18), cantos arredondados e sombra externa. Desenhe linhas de grade muito sutis. O jogo começa imediatamente com uma peça ativa no topo, centralizada horizontalmente, e uma peça seguinte visível em um painel separado.

Implemente as sete peças tradicionais, com estas matrizes e cores: I azul claro (#4ca9ff), J lavanda (#a98cff), L rosa (#ff8ebd), O amarelo (#ffd85e), S verde (#64df9b), T roxo claro (#d795ff) e Z rosa-avermelhado (#ff739e). Cada célula deve parecer um bloco macio e moderno: retângulo arredondado ligeiramente menor que a célula, preenchimento sólido colorido, pequeno brilho branco translúcido na parte superior e uma borda/brilho branco muito discreto. Mostre também uma “sombra”/ghost da peça na posição mais baixa possível, usando a mesma cor com transparência, antes da peça sólida.

A mecânica é a seguinte: a peça atual cai automaticamente; a velocidade inicial é cerca de 520 ms por célula e acelera em 50 ms a cada 200 pontos, sem ficar abaixo de 60 ms. O jogador pode mover a peça horizontalmente, girá-la e soltá-la instantaneamente. A rotação é no sentido horário, com tentativas de deslocamento de 0, -1, +1, -2 e +2 colunas para permitir encaixe junto às paredes. Quando a peça não puder mais descer, fixe suas células no tabuleiro, elimine todas as linhas completamente preenchidas, faça as linhas acima descerem e gere a próxima peça. Se a nova peça colidir imediatamente, termine o jogo.

Pontuação: queda suave para baixo acrescenta 1 ponto por célula; queda instantânea acrescenta 2 pontos por célula percorrida. Ao limpar linhas, use 100/300/500/800 pontos para 1/2/3/4 linhas, multiplicados por um fator que aumenta a cada 10 linhas (pelo menos 1, aproximadamente 1 + floor(linhas/10)). Exiba a pontuação atual e o recorde persistente salvo localmente. Exiba também o número de linhas no texto da tela de fim de jogo, embora a interface principal destaque visualmente pontuação e recorde.

Na barra lateral, mostre o título grande “Blocos de Bolso” e o subtítulo “encaixe, gire e limpe linhas ✦”; um cartão de estatísticas com “PONTUAÇÃO” e “RECORDE”; um cartão “PRÓXIMA PEÇA” com uma prévia centralizada da próxima matriz; e botões “Pausar” e “Reiniciar”. Inclua controles de toque grandes: mover para esquerda (←), girar (↻), mover para direita (→), acelerar a queda (↓), um botão largo “⬇ Soltar” e outro “Ⅱ Pausar”. Inclua um cartão de ajuda com “Teclado: ← → mover · ↑ girar · ↓ acelerar · espaço soltar · P pausar”. Os botões devem ser arredondados, com o botão primário roxo e estados hover/pressionado sutis.

Controles de teclado: setas esquerda/direita ou A/D movem; seta para baixo ou S faz soft drop; seta para cima, Z ou X gira; espaço faz hard drop; P alterna pausa; R reinicia. Os botões de toque devem executar as mesmas ações por pointer/touch. Pausar deve congelar a queda e mostrar uma sobreposição escura translúcida com desfoque, título “Pausa” e texto “Respire e volte quando quiser.”, mudando o botão para “Continuar”. Ao perder, mostre a mesma sobreposição com título “Fim de jogo”, texto “Pontuação: [pontuação] · linhas: [linhas]” e botão “Jogar novamente”. O botão Reiniciar e o botão da sobreposição devem limpar o tabuleiro e iniciar uma partida nova. Preserve o recorde entre partidas usando armazenamento local.

Use canvas para o tabuleiro e para a prévia da próxima peça, redimensionando-os responsivamente e limitando o device pixel ratio para renderização nítida. Em desktop, o tabuleiro deve ocupar uma área alta e estreita; em mobile, adapte o layout para que os controles permaneçam acessíveis abaixo dele. Não adicione inimigos, narrativa, power-ups ou outros modos: o objetivo é exclusivamente encaixar as peças, completar e limpar linhas e sobreviver o maior tempo possível.