Ilha das Frações

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 de plataforma 2D em canvas chamado “Ilha das Frações”, em português do Brasil, com resolução lógica de 960x540 e escala responsiva para preencher a janela sem distorcer a proporção. A cena deve ter câmera lateral que acompanha o personagem horizontalmente (limitada aproximadamente ao trecho x=0–420), com céu em gradiente azul-claro, colinas verdes suaves ao fundo, nuvens brancas translúcidas e um pequeno castelo ao longe. Use visual infantil, limpo e colorido, com sprites estilo Kenney: o personagem é um pato verde, e o terreno tem blocos marrons com topo de grama verde.

O jogador controla o pato em um percurso de plataformas. O personagem começa em x=90, y=390, tem movimento horizontal de velocidade aproximada de 220, gravidade forte (cerca de 1100), e pulo vertical de aproximadamente -470. Pode andar para a esquerda/direita e pular sobre o chão e plataformas suspensas. O mundo tem um chão largo desde x=0 até 1280 na altura y=465, além de plataformas marrons com topo gramado em: x=190,y=370,w=150,h=22; x=390,y=315,w=150,h=22; x=600,y=390,w=150,h=22; x=820,y=300,w=150,h=22; x=1040,y=390,w=150,h=22; e x=1210,y=330,w=170,h=22. Cair abaixo da tela faz o jogador perder uma vida e reaparecer no início.

O objetivo é responder cinco desafios de frações, um por vez, escolhendo a resposta correta nas três plataformas coloridas na parte inferior do percurso. Os answer pads ficam em coordenadas de mundo x=360, 550 e 740, y=420, cada um com 150x42, e exibem as três opções da questão. Quando o jogador pousa sobre um pad, avalie a resposta automaticamente: resposta correta acrescenta 100 pontos, mostra partículas amarelas, exibe a dica e avança para a próxima pergunta, reiniciando o pato e a câmera no início; resposta errada perde uma vida, mostra partículas vermelhas, exibe a dica e também reinicia o pato. Comece com 3 vidas. Depois da quinta resposta correta, mostre estado de vitória. Se as três vidas forem perdidas, mostre fim de jogo. Em ambos os estados, desenhe uma sobreposição escura, o título “Parabéns!” ou “Fim de jogo”, uma mensagem explicativa e um botão amarelo “JOGAR NOVAMENTE”; clicar/tocar no botão ou pressionar R reinicia pontuação, vidas, perguntas e posição.

Use exatamente esta sequência de perguntas e alternativas, mantendo a alternativa correta indicada: 1) “Qual fração representa 2 de 4 partes?” — “1/2”, “1/3”, “2/3”; correta 1/2; dica “2/4 é igual a 1/2.” 2) “Qual fração é maior?” — “1/4”, “3/4”, “2/4”; correta 3/4; dica “Quanto maior o numerador, mais partes foram tomadas.” 3) “Qual fração representa uma parte de três?” — “1/2”, “2/3”, “1/3”; correta 1/3; dica “Uma parte entre três é 1/3.” 4) “Quanto é 1/2 + 1/2?” — “1/2”, “1 inteiro”, “2/4”; correta “1 inteiro”; dica “Duas metades formam um inteiro.” 5) “Qual é equivalente a 2/3?” — “4/6”, “2/6”, “3/4”; correta 4/6; dica “Multiplique numerador e denominador por 2.”

A interface deve deixar o desafio sempre visível no alto: um painel azul-marinho escuro semitransparente aproximadamente em x=24,y=22,w=912,h=92, com “DESAFIO N de 5” e a pergunta em fonte branca grande. As três opções devem ser retângulos coloridos (amarelo, verde e azul-acinzentado), com texto escuro centralizado. No canto superior esquerdo abaixo do desafio, mostrar outro painel escuro com “⭐ [pontuação]    ❤️ [vidas]”. Na parte inferior, mostrar a instrução “← → mover   ↑ pular”.

Inclua suporte tanto a teclado quanto a toque: setas esquerda/direita ou A/D movem; seta para cima, W ou espaço pula. Em telas sensíveis ao toque, desenhe três controles circulares semitransparentes na parte inferior: botão ◀ em x≈72, botão ▲ amarelo em x≈480 e botão ▶ em x≈888; pressioná-los deve controlar esquerda, pulo e direita. Tocar diretamente em uma das três plataformas de resposta também deve selecionar a opção. O pato deve virar conforme a direção, e a arte deve usar sprites carregados para pato verde, moeda dourada, bloco de grama e castelo; embora o sprite de moeda esteja disponível, não há coleta de moedas implementada, então não adicione mecânicas de moeda, inimigos ou combate.