← Voltar aos projetos Estudo de caso · Jogo educativo

Discovery Sings — Descobrindo Sinais

Um RPG de aventura 2D que transforma o estudo de vocabulário em Libras em exploração: missões, diálogos, baús com testes de sinal e chefes que pedem estratégia — tudo no navegador, sem instalar nada.

Disponível online Navegador · desktop e celular
Papel
Concepção, game design e desenvolvimento
Stack
TypeScript 5 · React 18 · Phaser 3 · Vite 5
Plataforma
Navegador, um único arquivo HTML
Avaliação
Nota 0–10 em seis critérios de aprendizado
Vídeos de sinais
Dicionário de Libras — INES
Base legal
Lei nº 10.436/2002 · Decreto nº 5.626/2005
Tela inicial do Discovery Sings
Conteúdo26 sinais em vídeo · 32 baús

O ponto de partida

A Língua Brasileira de Sinais é reconhecida por lei (Lei nº 10.436/2002, regulamentada pelo Decreto nº 5.626/2005), mas o contato com vocabulário em Libras ainda é raro fora de cursos e materiais específicos — e aprender sinais exige repetição, contexto e vontade de voltar.

A proposta do Discovery Sings é encontrar o estudante onde ele já está: jogando. O vocabulário em Libras entra na progressão natural de um RPG — aceitar missões, conversar com personagens, abrir baús, vencer chefes — para que estudar um sinal seja parte de avançar no mundo, não uma tarefa separada.

A proposta

Um mundo conectado com cinco regiões temáticas, cada uma ensinando um campo semântico diferente (alimentos, natureza e outros). O jogador explora, equipa itens que liberam novas áreas, estuda sinais em vídeo e é avaliado pelo próprio jogo.

26mapas conectados
5regiões temáticas
10missões com NPCs
32baús de estudo
4masmorras e chefes
3modos de jogo
  • Regiões: Vila Aurora, Pico Gelado, Praia das Conchas, Bosque Sussurrante e Ruínas de Brasa, ligadas por portais e passagens que exigem equipamentos (a Capa Térmica atravessa a nevasca; a proteção de fogo, a cratera).
  • Combate e progressão: 15 armas e 10 armaduras; chefes com comportamento próprio e uma segunda fase de luta abaixo de 50% de vida.
  • Modos: Aventura, Nova Jornada+ (rejogo com progresso) e Desafio Boss Rush.
  • Áudio e arte: trilhas e efeitos sintetizados em tempo real com Web Audio API e arte em pixel gerada por código — sem arquivos externos além dos vídeos dos sinais.

Como funciona

O diagrama abaixo resume a jornada do jogador, da escolha do modo à avaliação final.

Diagrama Fluxo de Funcionamento do Discovery Sings: jornada do jogador da entrada à avaliação
Diagrama “Fluxo de Funcionamento”: a jornada do jogador, da escolha do modo à avaliação.Clique para ampliar
Ver o fluxo em texto (acessível)
  1. O jogador escolhe um modo: Aventura, Nova Jornada+ ou Desafio Boss Rush.
  2. Explora o mapa e encontra um NPC com uma missão disponível.
  3. Aceita a missão e recebe o nome do item — e o sinal a estudar, em vídeo.
  4. Abre a Nota de estudo para rever o sinal quantas vezes quiser.
  5. Encontra baús que pedem o sinal correto entre três vídeos; errar nunca bloqueia a missão.
  6. Acertos alimentam precisão e notas de estudo, que compõem a avaliação.
  7. Masmorras e chefes fecham o ciclo de cada região.
  8. Em Pausa → Avaliação, a nota 0–10 aparece decomposta em seis critérios; o progresso fica salvo no navegador.

Telas do jogo

Arquitetura técnica

Camadas separadas que conversam por eventos: dados tipados, motor de jogo e interface HTML por cima do canvas. O build do Vite gera um único arquivo HTML executado no navegador.

Diagrama de Arquitetura Técnica do Discovery Sings: camadas de dados, motor e interface
Diagrama “Arquitetura Técnica”: camadas de dados, motor de jogo e interface.Clique para ampliar
  • TypeScript 5 — todo o código, com tipagem estática e dados tipados de mapas, itens, sinais, inimigos e missões.
  • Phaser 3 — cenas, física arcade, animações, partículas e câmera a 60 quadros por segundo.
  • React 18 + Tailwind — telas por cima do jogo: HUD, diálogos, baús, inventário, loja e modais de teste de sinal e avaliação.
  • Web Audio API — trilhas e efeitos sintetizados em tempo real, sem arquivos de áudio.
  • localStorage — saves, recordes e metas; os únicos recursos externos são os vídeos dos sinais.

Aprendizado medido pelo próprio jogo

A nota final combina seis dimensões do progresso, com pesos que privilegiam os objetivos educacionais (missões e sinais). A nota 10 é alcançável: exige concluir as 10 missões, as 4 masmorras e os 4 chefes, aprender 12 sinais, manter 80% de precisão e explorar praticamente todo o mundo.

CritérioO que medePeso
Missões concluídasproporção das 10 missões2,5
Masmorras concluídasproporção das 4 masmorras2,0
Notas de estudosinais estudados (meta: 12)1,5
Precisão nos testes de sinalacertos nos baús (meta: 80%)1,5
Exploraçãomapas e baús descobertos1,5
Chefes derrotadosos 4 chefes, incluindo a fase 21,0
Totalavaliação de 0 a 1010,0

Testes automatizados

Testes com Puppeteer abrem o jogo em um navegador real (headless), simulam toques e cliques, atravessam fluxos completos e fotografam o resultado. Cada erro encontrado foi corrigido na causa — e revalidado com o mesmo teste.

TesteO que verificaResultado
Entrega de item de missãoconversa, entrega e recompensa sem errosAprovado
Baús com teste de sinaldica visível, grade de itens, vídeos, acerto/erroAprovado
Chefes — barra de vidabarra única no topo, sem duplicidadeAprovado
Chefes — fasesfase 2 nos 4 chefes, com novos ataquesAprovado
Desafio (Boss Rush)baú inicial, 4 duelos, queda, vitóriaAprovado
Interface móvelrastreador recolhível e ressincronização de telaAprovado
Arma do botão Atacarícone acompanha a arma equipadaAprovado
Smoke testnavegação geral sem erros de console/redeAprovado

Resultados, limites e aprendizados

O jogo foi entregue completo e jogável, publicado online e documentado em relatório técnico-acadêmico. Os recordes das oito melhores partidas ficam salvos e visíveis na tela inicial, e as metas (12 notas, 80% de precisão) podem servir como acompanhamento simples de turmas.

  • Limites honestos: os vídeos dos sinais dependem de conexão; a avaliação mede o progresso dentro do jogo — não proficiência em Libras — e o jogo não substitui cursos, professores ou intérpretes.
  • Crédito: os vídeos dos sinais utilizados no jogo são do Dicionário de Libras do INES.
  • Aprendizados: documentar antes de programar; usar IA como apoio sem abrir mão das decisões; tratar acessibilidade como critério de design desde a primeira tela.