Portfólio
PROJETO AUTORALREAL-TIME · MULTIPLAYER / GAMEPLAYFIVEM · 2026
RHYTHM GAME / MULTIPLAYER

NN Guitar
Hero.

Desenvolvi um minijogo multiplayer de ritmo em cinco pistas, com editor próprio de charts, ranking persistente e áudio sincronizado entre jogadores. O projeto combina interface React, lógica em Lua, persistência SQL e sincronização de estado.

FiveMLuaMySQLReactTypeScript
Abrir demonstração

Problema, objetivo
e implementação.

01 / Problema

Precisão local em uma experiência compartilhada

O gameplay exige resposta imediata para o músico, enquanto o público precisa ouvir a mesma apresentação no tempo e na posição corretos.

02 / Objetivo

Gameplay, conteúdo e multiplayer

Entregar um minijogo de cinco pistas com suporte a controles, editor próprio, catálogo, ranking e apresentações compartilhadas.

03 / Minha participação

Do editor ao servidor

Desenvolvi gameplay e editor em React/TypeScript, integração client/server em Lua, sincronização de áudio e persistência do ranking.

Principais funcionalidades

O que o sistema entrega.

  • Gameplay em cinco pistas
  • Taps, holds e acordes
  • Teclado e gamepad
  • Editor com undo/redo
  • Ranking persistente
  • Áudio compartilhado por proximidade
Decisões técnicas

Como os riscos foram tratados.

FrontendMesmo modelo para inputs diferentes

Teclado e controle alimentam o mesmo fluxo de julgamento de notas, combo e feedback visual.

Server-sideSessões e ranking validados

O servidor controla início e encerramento, valida músico, entidade e posição e aceita ranking somente sob as regras do recurso.

DesafioRelógios diferentes, mesma apresentação

O gameplay usa o player local do músico, enquanto o público inicia o áudio pelo tempo decorrido calculado no servidor.

Da escolha da música
à última nota.

A demonstração reúne gameplay, catálogo de músicas e o editor usado para criar e calibrar os charts.

Preview do projeto
Pistas, notas, combo e multiplicador

Precisão local,
estado compartilhado.

O projeto separa resposta imediata, criação de conteúdo, sincronização multiplayer e autoridade do servidor. Selecione uma camada para ver os detalhes.

01 / Ritmo e resposta visual

Gameplay / React

O highway processa cinco pistas, taps, holds e acordes no mesmo modelo de entrada para teclado e controle. A pontuação parte de 50 pontos por acerto, desconta 8 por erro e aplica combo e multiplicador.

  • Funções de scoring, holds e inputs cobertas por testes isolados
  • Preferências de teclado e gamepad persistidas pela interface
  • Feedback visual derivado do julgamento de cada nota
Pistas
5
Pontuação
50 base / −8 erro
Entrada
Teclado + gamepad
ReactTypeScriptViteVitest