Ilha das Medidas

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 educativo 2D para navegador chamado “Ilha das Medidas” (título completo da abertura: “A ILHA DAS MEDIDAS PERDIDAS”), em português do Brasil, usando uma tela canvas responsiva de tela cheia e interface desenhada em estilo cartoon minimalista. A ambientação é uma ilha/oceano misterioso sobre frações unitárias: paleta padrão azul-marinho, azul-petróleo e ciano, com dourado/amarelo para destaques, texto branco e painéis arredondados escuros com contorno preto. Na introdução, mostre três cenas avançáveis: uma vista do oceano com uma ilha marrom surgindo na névoa e as frações 1/2, 1/4 e 1/10; depois a “Pedra da Unidade” circular quebrada, marcada com 1 e raios dourados; por fim o título “A ILHA DAS MEDIDAS / PERDIDAS”, subtítulo “As frações que moldam o mundo” e botão “Começar expedição”. O botão de introdução é “Avançar” nas duas primeiras cenas e aceita Enter; na última leva ao mapa.

No mapa, exiba o cabeçalho “MAPA DE ILHAS”, o nome do aluno (inicialmente “Explorador”), a missão “Reconstrua a Pedra da Unidade” e quatro cartões em grade 2x2: “O Banquete” (🍲), “A Ponte Quebrada” (🌉), “Laboratório” (🧪) e “Grande Expedição” (🧭). Apenas a primeira ilha começa desbloqueada; cada ilha seguinte é desbloqueada quando a anterior estiver marcada. Cada cartão tem botão “Explorar” ou “🔒 Em breve”. Inclua o botão “🧭 Expansão”.

Cada ilha apresenta dois modos jogáveis em painéis: Ilha 1: “Construção de Fração” e “Missão do Banquete”; Ilha 2: “Reta Numérica” e “Trem de Frações”; Ilha 3: “Laboratório” e “Peça Sob Medida”; Ilha 4: “Planejamento” e “Desafio”. Ao clicar em Jogar, mostre cabeçalho com o modo, nome do explorador, botão “Pista 1/3” (que pode avançar até 3) e botão de retorno à ilha. Dê feedback textual após as respostas, mantendo o progresso de XP, acertos, sequência, melhor sequência e erros por habilidade H1–H6. Respostas corretas mostram “Muito bem! Você encontrou a unidade.”, incrementam acertos/consistência/sequência e concedem XP; erros zeram a sequência e mostram uma dica para observar o número de partes iguais.

Implemente os modos exatamente assim:
1) Construção de Fração/Missão do Banquete: mostre um círculo marrom dividido em partes radiais iguais; escolha o denominador entre 2, 3, 4, 5, 10 e 100. O objetivo é dividir o inteiro no denominador sorteado e pintar exatamente 1 parte. Mostre “Divida o inteiro em N partes iguais e pinte exatamente 1.” e botão “Pintar 1 parte”.
2) Reta Numérica: sorteie o alvo entre 1/3, 1/4, 1/5 e 1/10; mostre uma linha de 0 a 1 com marcas equidistantes, um marcador laranja arrastável e a instrução para levá-lo a 1/N. O jogador arrasta com pointer/mouse/toque e testa em “Testar posição”; aceite uma tolerância aproximada de 0,04. Dica: “Cada marca representa 1/N”.
3) Trem de Frações: embaralhe cartões 1/2, 1/3, 1/5 e 1/10; o jogador clica neles em ordem decrescente (maior para menor), com a instrução “Clique nas frações em ordem decrescente.” Quando completo, mostre que com mais partes iguais cada parte é menor.
4) Laboratório: deixe escolher uma hipótese 1/2, 1/3, 1/4, 1/5 ou 1/10 e então adicionar peças iguais visualizadas como retângulos até completar 1 inteiro. Mostre uma barra com peças preenchidas, contador “x/N peças”, botão “Adicionar peça” e, ao completar, a descoberta “N x 1/N = 1”.
5) Investigação: Peça Sob Medida: o objetivo é encontrar uma peça maior que 1/10 e menor que 1/2. Ofereça botões 1/2, 1/3, 1/4, 1/5 e 1/10; a escolha válida é um denominador entre 2 e 10, estritamente maior que 2 e menor que 10 (na implementação, 1/3, 1/4 ou 1/5). Mostre a explicação correspondente.
6) Planejamento: mostre “cada peça deve ser menor que 1/3 e o inteiro comporta no máximo 5 peças”, com escolhas 1/3, 1/4, 1/5 e 1/10; valide a condição implementada, mostrando “Plano possível!” ou a orientação para usar peça menor que 1/3.
7) Desafio: inclua quiz de múltipla escolha. Use perguntas como: ordenar do menor para o maior 1/100, 1/3, 1/10, 1/5 (resposta 1/100, 1/10, 1/5, 1/3); transformar duas metades em quartos (dividir cada metade em 2 partes iguais); e qual fração unitária é maior (1/4). Mostre quatro alternativas em botões A–D e feedback educativo.

Inclua a tela “Expansão”, acessível pelo mapa, mostrando nível, XP total, XP disponível e uma barra de progresso; o nível sobe a cada 60 XP. Ofereça atalhos em grade para “Treino”, “Missões”, “🏆 Troféus”, “🛒 Loja”, “📖 Diário” e “👤 Perfil”. A tela Missões deve listar cinco missões com ícones, descrição, estado e botão “Ir”: separar 1/5 da plantação, levar o explorador a 1/10, montar um inteiro com 1/4, ordenar 1/2 > 1/5 > 1/10 e encontrar peça entre 1/10 e 1/2. A tela Troféus deve mostrar marcos como Primeiros passos, Construtor, Seis acertos de primeira, Sequência de 3, Banco completo e 300 XP, usando troféu desbloqueado ou círculo bloqueado. A Loja deve vender por XP: título Mestre das Frações (50), emblema 🦄 (80), tema Pôr do Sol (100) e emblema 🐉 (150); compras gastam XP e o tema altera a paleta para roxo/rosa/laranja. O Diário mostra seis descobertas desbloqueadas progressivamente, incluindo definição de fração unitária, relação entre mais partes e tamanho, função do denominador, posição de 1/n na reta, n x 1/n = 1 e comparação pelo denominador. O Perfil mostra nome, emblema, nível, XP, acertos e o estado das habilidades H1–H6 (“em desenvolvimento” ou “pratique mais”).

Use partículas douradas em acertos, transições simples e botões grandes adequados a toque. Salve automaticamente nome, progresso, XP, compras, tema, emblema, erros e histórico no localStorage; mantenha o nome “Explorador” como padrão. Permita Escape para voltar ao mapa. Não adicione combate, inimigos, vidas, cronômetro ou movimentação livre: o jogo é uma sequência de telas e minijogos interativos de raciocínio sobre frações, com foco educacional e navegação por botões.