Projeto / Jogo de gestão automobilística em HTML5
APEX Dynasty
Jogo de gerenciamento de equipe de corrida com pilotos, instalações, treino, classificação, fornecedores, patrocínios e temporadas, com um motor 3D WebGL escrito do zero.
Resumo do caso
Do desafio ao resultado.
- Desafio
- Num jogo de gestão de corrida, cada decisão da equipe precisa mudar o resultado na pista.
- Objetivo
- Gerenciar uma equipe de corrida ao longo de temporadas, direto no navegador.
- Solução
- Regras encadeadas (o treino muda o setup, o setup muda a classificação), temporadas com eventos e um motor 3D WebGL próprio.
- Resultado hoje
- Protótipo em evolução Versão jogável ou navegável que valida a ideia e orienta a próxima versão.
- Tecnologia
- HTML5 / CSS / JavaScript · WebGL (engine3d.js) · SVG · PWA / manifest / cache
01 / Solução em detalhe
O que foi construído.
- engine3d.js: WebGL próprio com geometria procedural low-poly, sem Three.js
- Treino altera o setup, e o setup altera a classificação: cadeia confirmada em auditoria
- Auditoria independente da versão 3.0 mapeou os ajustes da próxima release
Regras de gestão
Transferências, propostas e mensagens; limites de pesquisa e desenvolvimento por instalação; treino que muda o setup e setup que muda a classificação.
Temporadas e eventos
Gerações de temporadas e eventos que alteram caixa, moral, falhas e confiabilidade.
Visual
Identidade em SVG e engine3d.js com WebGL e geometria procedural para o carro e a sede.
PWA e exportação
Manifest, cache, salvar como HTML e pacote ZIP.
Auditoria independente
Revisão externa de regras, economia, patrocínios, layout e exportação, que alimenta a versão 3.1.
02 / Próximos passos
O que vem a seguir.
03 / Tecnologia
Ferramentas e o papel de cada uma.
| Tecnologia | Papel neste projeto |
|---|---|
| HTML5 / CSS / JavaScript | Interface, lógica e empacotamento |
| WebGL (engine3d.js) | Renderização 3D procedural própria |
| SVG | Identidade procedural |
| PWA / manifest / cache | Instalação e offline |