Simulador Estratégico de Multas Rescisórias e Contratos para o RPG Draence
Acessar Calculadora Online • Funcionalidades • Lógica de Cálculo • Tecnologias
Draence Calculator é uma ferramenta de suporte à decisão desenvolvida para managers da liga de futebol RPG Draence. Diferente de calculadoras simples, este sistema simula o comportamento do mercado e a psicologia dos jogadores, permitindo traçar estratégias contratuais complexas.
O sistema utiliza conceitos de Pesquisa Operacional e Teoria dos Jogos para determinar se uma proposta financeira é vantajosa (Superávit) ou ofensiva (Déficit), ajustando a multa rescisória dinamicamente.
A ferramenta permite:
- Cálculo de VTC (Valor Total do Contrato): Análise do custo real somando salários e luvas diluídas no tempo.
- Perfis Psicológicos: Simulação de 4 arquétipos de negociação (Padrão, Mercenário, Fiel, Ambicioso).
- Detecção de Déficit: Alerta visual e penalidade na multa caso a oferta esteja abaixo do mercado.
- Dashboard Analítico: Visualização da composição matemática da multa em blocos didáticos.
- Conversão Real-Time: Exibição simultânea de valores em BRL (Real) e EUR (Euro).
João Gonçalo (J0NGS)
- 📧 Email: jnetogoncalo@gmail.com
- 🔗 GitHub: @J0NGS
- Cálculo Inteligente de Multas: Baseado em VTC, reputação e perfil psicológico do jogador
- 4 Perfis Psicológicos: Padrão, Mercenário, Fiel e Ambicioso com comportamentos únicos
- Visualização em 2 Moedas: BRL (Real Draence) e EUR (Euro) em tempo real
- Dashboard Analítico: Composição visual da multa em blocos (Base, K, Salário, Luvas, Reputação)
- Validação de Déficit: Alerta visual quando a oferta está abaixo do mercado
- Input Masking Avançado: Formatação automática de valores monetários com preservação de cursor
- Responsividade Total: Otimizado para desktop, tablet e mobile
- Admin View: Interface alternativa para análises avançadas com campos ocultos
- Geração Automática de Textos: Cria propostas formatadas prontas para WhatsApp
- Listas Dinâmicas: Adicione premiações e cláusulas customizadas
- Pré-preenchimento por URL: Parâmetros GET permitem reutilizar cálculos
- Botão Fixo Inteligente: Acompanha o scroll e respeita o footer
- Preview em Tempo Real: Visualize a proposta conforme edita
- Status Visual de Validação: Indicadores de campos preenchidos
- Jornada do Usuário Prática: 4 passos simples (Dados → Contrato → Multa → Proposta)
- Design Didático: Cards numerados com emojis e exemplos concretos
- Curiosidades: Seção "Bastidores" explicando a mágica do cálculo
- Totalmente Responsivo: Adapta-se a todas as telas
- Logo Responsiva: Adapta tamanho automaticamente (desktop → mobile)
- Espaçamento Inteligente: Cards separados com padding e bordas visuais
- Botões Centralizados: Todos os botões com layout flexbox perfeito
- Sem Cadeados Visuais: Campos readonly com estilo limpo
- Layout Fluido: Containers ajustam-se perfeitamente sem sobreposições
- Limites de Input: Min/Max em valores monetários e numéricos
- Formatação Automática: Pontos e virgulas em valores grandes
- Proteção contra Déficit: Penalidades automáticas
- Tabela de Valores Oficiais: Consulte preços de mercado por posição/idade/overall
- Perfis Comparativos: Veja como cada arquétipo afeta a multa
João Gonçalo (J0NGS)
- 📧 Email: jnetogoncalo@gmail.com
- 🔗 GitHub: @J0NGS
O projeto foi construído com foco em performance e manutenibilidade, utilizando Vanilla JS moderno sem dependências externas pesadas.
multa-draence/
│
├── index.html # Calculadora (página principal)
├── admin.html # View admin com campos avançados
├── proposta.html # Montador de propostas automáticas
├── como-funciona.html # Guia prático (Jornada do usuário)
├── tabela-valores.html # Tabela de preços oficiais
│
├── assets/
│ ├── css/
│ │ ├── base.css # Tokens (tema claro/escuro), layout, header/nav, formulários, botões, footer
│ │ ├── calculadora.css # Calculadora e admin (resultado, comparativo, fórmula)
│ │ ├── proposta.css # Montador de propostas
│ │ ├── tabela.css # Tabela de valores
│ │ └── guia.css # Página "Como Funciona"
│ ├── js/
│ │ ├── calculadora.js # Core lógico (cálculo da multa, máscaras de input)
│ │ ├── proposta.js # Montador de propostas
│ │ ├── tabela-valores.js# Filtros, ordenação e paginação da tabela
│ │ ├── easter-egg.js # Acesso ao modo admin pelo rodapé
│ │ ├── theme.js # Alternador de tema claro/escuro (salvo no navegador)
│ │ └── icons.js # Conjunto de ícones (sprite SVG, Lucide - ISC)
│ └── img/
│ └── pes-drae.png # Logo Draence
│
└── data/
├── dados_inline.js # Base de dados usada pelas páginas
└── csv/ # Planilhas de origem da base de dados
As páginas HTML ficam na raiz para manter as URLs do GitHub Pages (ex.:
/proposta.html,/admin.html).
A calculadora opera baseada na premissa de "Cabo de Guerra Financeiro".
O sistema não olha apenas o salário mensal. Ele calcula o pacote completo:
VTC = (Salário × 12 × Anos) + Luvas
- Verificação de Déficit: Se o
VTC Oferecido<VTC Base, o sistema ignora o lucro desejado e penaliza a multa abaixo do valor de mercado. - Cálculo de Superávit: Se a oferta for boa, aplicam-se pesos ponderados:
- Salário: Peso alto (Estabilidade).
- Luvas: Peso médio/baixo (Diluído pelo tempo).
- Reputação: Delta entre o prestígio do time e do jogador.
- Ajuste de Perfil: O multiplicador final é refinado pelo arquétipo escolhido (Ex: Mercenários valorizam mais as luvas que o salário).
- HTML5 - Estrutura semântica.
- CSS3 - Layout responsivo com Flexbox/Grid e Variáveis CSS (Custom Properties), com tema claro e escuro.
- JavaScript (ES6+) - Lógica de cálculo, manipulação do DOM e injeção de dados.
- Identidade DraeWiki: escala "sálvia" (brand), fundos e textos verde-acinzentados, acento cobre, tema claro/escuro (segue o sistema e pode ser alternado no header).
- Tipografia: Big Shoulders Display (títulos), IBM Plex Sans (interface e textos) e IBM Plex Mono (valores e dados).
- Feedback Visual: Tooltips interativos e indicadores de cores (Verde/Vermelho) para status da negociação.
- Responsividade: Totalmente adaptável para Mobile e Desktop.
Copyright © 2026 João Gonçalo. Todos os direitos reservados.
⚠️ Aviso Legal: Este software é proprietário. É estritamente proibida a cópia, reprodução, distribuição ou uso deste código-fonte, total ou parcial, para fins comerciais ou públicos sem a autorização expressa e por escrito do autor. Este projeto é destinado exclusivamente para uso pessoal no contexto da liga Draence.
Desenvolvido com 🧠 estratégia e código.