🚀 Rocket League mudou, as Overlays evoluíram: Conheça o RL Overlay! 🏎️⚽
Recentemente, com a implementação do EasyAntiCheat (EAC) no Rocket League, a comunidade de criadores e streamers enfrentou um grande impacto: o encerramento do suporte a plugins do BakkesMod que alimentavam as antigas sobreposições de placar em transmissões.
Em contrapartida, a Psyonix disponibilizou a Rocket League Stats API, um soquete local (TCP/WebSocket) que emite dados em tempo real da partida. No entanto, configurar a leitura desses dados via soquetes de rede não é algo simples para quem quer apenas fazer sua live sem dor de cabeça.
Pensando em quem não tem tempo a perder com código, criei o RL Overlay, uma solução 100% "Plug and Play", leve e nativa para streamers, narradores e casters.
💡 Foco Total na Facilidade de Uso (Pensado para Leigos)
O maior objetivo do projeto foi transformar dados técnicos complexos em uma experiência prática e transparente:
Instalação Sem Complicação: Nada de compilar código ou instalar Node.js. É só baixar o instalador nativo (.msi para Windows, .deb para Linux ou .dmg para macOS) nas Releases do GitHub e rodar.
Ativação Simples no Jogo: Um ajuste rápido de poucas linhas no arquivo .ini do Rocket League e a aplicação se conecta automaticamente via TCP (127.0.0.1:49123).
Painel de Controle Amigável: Dashboard intuitivo para alterar nomes de times, selecionar bandeiras nacionais (via FlagCDN), subir logotipos customizados e gerenciar placares de séries (Bo1 até Bo9).
Modo Click-Through Intuitivo: A HUD flutua sobre a tela do jogo. Ao travar o painel, a janela ignora os cliques do mouse (set_ignore_cursor_events), garantindo que o jogador não perca o foco nem sofra input lag.
⚡ Por Trás das Câmeras (Arquitetura & Engenharia)
Para garantir zero delay no acompanhamento do boost e placar em tempo real, estruturei uma aplicação multiprocesso performática:
Backend em Rust & Tauri v2: Thread secundária assíncrona com socket.rs escutando o stream JSON da Stats API. O backend sanitiza eventos como UpdateState e MatchEnded (usando o MatchGuid para evitar pontuações duplicadas) e envia para o frontend via eventos Tauri.
Frontend em React 19 & TypeScript: Interface reativa estilizada em CSS3 Vanilla (variáveis HSL, gradientes dinâmicos e animações de tremor reativas no medidor de boost circular).
Modos Adaptativos: Renderização inteligente que alterna entre layouts simplificados para 1v1 ou painéis laterais completos para partidas em equipe (2v2, 3v3 e 4v4).
Se você é streamer, narrador de eSports ou um desenvolvedor curioso sobre como explorar a nova API do Rocket League usando Tauri v2 + Rust + React, o projeto é totalmente open-source!
🔗 Link do repositório: https://github.com/crystiancomy/rl_overlay
#RocketLeague #Rust #Tauri #React #TypeScript #OpenSource #GameDev #eSports #SoftwareEngineering #LinkedInTech
