Pixel Plaza

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 social casual local chamado “Pixel Plaza”, apresentado como um protótipo de hotel social web em português do Brasil. A tela deve ter estética pixel-art/retro com formas CSS nítidas, contornos grossos, sombras deslocadas e paleta azul-marinho, ciano, rosa, creme e dourado.

Estrutura da interface: uma barra superior azul-escura com o título grande “PIXEL PLAZA” em ciano, subtítulo “hotel social web”, indicador de moedas com ícone de moeda e valor inicial 250, e cápsula “● online”. Abaixo, em desktop, use um layout com uma grande sala jogável à esquerda e uma coluna lateral estreita à direita. Em telas estreitas, empilhe a sala e o chat, escondendo os painéis auxiliares de salas/população e exibindo controles direcionais móveis.

A sala é um retângulo com borda escura espessa e moldura clara, cursor de mira/crosshair, proporção aproximadamente 1.42:1. O cenário é um quarto social: parede superior ocupando cerca de 25% da sala, em azulejos/faixas verticais azul-lilás, com uma linha escura na base e o texto “PIXEL PLAZA • QUARTO 07”. No canto superior direito há uma janela azul-escura com moldura branca e interna ciano, contendo três brilhos. No alto central há uma TV/toca-discos retangular escuro com borda roxa e uma nota musical dourada. O restante é um piso rosa-claro com padrão diagonal de ladrilhos, perspectiva sutil e borda rosa escura.

Decore o quarto com móveis simples pixelados: sofá roxo grande no canto inferior esquerdo, com contorno violeta escuro, base e almofada/faixa interna magenta; tapete azul-petróleo inclinado no centro inferior; mesa marrom no lado direito do centro, com tampo contornado e duas pernas; e um vaso marrom no canto inferior direito com uma planta representada por um brilho/folha verde estilizado.

Inclua três personagens pequenos em pixel-art, cada um com cabeça/pele bege, cabelo roxo escuro, pernas azul-escuras, sombra e placa de nome: o jogador no centro (“Você”), com corpo ciano; Lumi à esquerda, com corpo rosa; e PixelDude à direita, com corpo dourado. Os avatares devem ficar sobre o cenário e seus nomes aparecerem em etiquetas azul-escuras. Acima de Lumi deve haver permanentemente um balão branco/creme com contorno escuro dizendo “alguém quer jogar?”. PixelDude pode mostrar ocasionalmente um balão com uma destas mensagens: “oi!”, “vem dançar” ou “lindo quarto”. Os dois bots devem vagar automaticamente de tempos em tempos, movendo-se aleatoriamente dentro da área inferior da sala; ao vagar, atualize as posições dos balões. O jogador começa em aproximadamente x=48%, y=68%.

Mecânicas: mover o jogador continuamente com WASD ou as setas, em passos pequenos por frame, limitando sua posição aproximadamente a x=7–93% e y=34–88%. Também permita clicar/tocar em qualquer ponto do piso para mover instantaneamente o jogador até esse ponto, respeitando os limites; o clique nos controles móveis não deve ser tratado como clique no piso. Em mobile, mostre no canto inferior esquerdo quatro botões direcionais (esquerda, cima, baixo, direita) com visual azul e bordas ciano; cada toque move alguns pontos percentuais. Mostre no mobile a dica “Toque no chão para andar”.

Na lateral, crie um painel “SALAS POPULARES” com botões “Quarto 07” ativo em rosa, “Praça” e “Terraço”. Ao clicar numa sala, marque o botão como ativo, altere o nome da sala do estado do jogo e acrescente ao chat uma mensagem do sistema no formato “Você entrou em NOME_DA_SALA.”. Crie também o painel “ONLINE AGORA” listando Lumi, PixelDude e Você, cada um com ponto verde e pequenos estados “dançando”, “sentado” e “explorando”.

Crie um painel de chat “CHAT DA SALA” com área escura rolável e mensagens iniciais “Lumi: alguém quer jogar?” e “PixelDude: sala bonita!”. Abaixo, um campo com placeholder “Escreva uma mensagem...” e botão dourado “Enviar”. Ao enviar uma mensagem não vazia, adicione “Você: mensagem” ao chat, remova caracteres HTML/perigosos do texto, limpe o campo, reduza as moedas em 1 sem deixar ficar negativo e, após cerca de 650 ms, faça Lumi responder aleatoriamente “haha”, “bora!” ou “sim 😄”. Mantenha o scroll do chat no fim. O texto deve ter limite de 80 caracteres.

O painel de ajuda deve dizer: “Use WASD ou as setas para andar. Clique no piso para ir até lá. Este é um protótipo local — os outros hóspedes são bots.” Use fundo geral quase preto/azul-marinho, painéis azul petróleo com bordas azuladas e sombras, tipografia Verdana/Arial e boa adaptação responsiva. Não adicione combate, fases, inventário, objetivos, física complexa ou multiplayer real: o jogo é apenas uma sala social explorável localmente, com bots que vagam, chat, troca visual de sala e contador de moedas. Inclua estado acessível contendo posição do jogador, moedas (250 inicial), sala atual (“Quarto 07”), quantidade de mensagens e humor “exploring”, além de renderizar imediatamente qualquer atualização visual.