01 / Área
WebGL e 3D no navegador
Cenas 3D que abrem num link, sem instalar nada.
Three.js, WebGL, JavaScript, Canvas, SVG
Estúdio independente de desenvolvimento
Software sob medida,
do problema
à entrega.
Do motor 3D ao banco de dados: jogos em Unity e HTML5, 3D em WebGL, apps Android, plataformas web, sistemas de gestão e ferramentas de IA, desenvolvidos por quem responde pela entrega inteira.
Sistemas no ar, jogos e plataformas em desenvolvimento, cada um com os próximos passos mapeados. Passe o mouse nos cards: cada um reage de um jeito.
Entender. Construir. Entregar.↓
O ponto de partida
Um jogo esperando sair do papel. Um sistema que precisa aguentar crescer. Uma cena 3D que precisa abrir num link.
Como funciona
Clareza antes do código. Acompanhamento até a entrega.
Escopo por escrito antes de construir, versões para abrir e testar durante o projeto e próximos passos claros na entrega.
- 01
Entender
Uma conversa sobre o problema, quem vai usar e o que precisa funcionar. Você não precisa chegar com a tecnologia escolhida.
- 02
Definir
Escopo, plataforma, prioridades e critérios de aceite por escrito, antes de começar a construir.
- 03
Construir
Desenvolvimento em etapas curtas, com versões que você consegue abrir e testar.
- 04
Validar e entregar
Testes, auditoria do que foi combinado, documentação e próximos passos claros.
01 / Áreas de entrega
Oito áreas.
Um responsável pela entrega.
Cada área mostra o que o estúdio constrói e os projetos que provam isso. Passe o mouse nas cenas: todas são desenhadas ao vivo pelo código deste site.
02 / Área
Jogos HTML5 e Canvas
Jogos e simulações leves, que rodam em qualquer navegador.
HTML5, CSS, JavaScript, Canvas 2D, SVG
03 / Área
Jogos em Unity e Godot
Jogos de engine com arquitetura que aguenta crescer.
Unity, C#, URP, Unity Test Framework, TextMeshPro
04 / Área
Apps Android e mobile
O caminho certo para o celular, e não um só caminho para tudo.
Capacitor, Expo, React Native, Java 17, Gradle
05 / Área
Aplicações web e plataformas
Sistemas web com regra de negócio de verdade por trás da tela.
React, TypeScript, Next.js, Vite, Prisma
06 / Área
Sistemas de gestão e desktop
Software de gestão que importa o que você já tem.
Python, PyQt6, SQLAlchemy, SQLite, IndexedDB
07 / Área
Dados, saves e simulação
Dados que não se corrompem quando o jogo ou o sistema muda de versão.
JavaScript, TypeScript, Node.js, JSON Schema, JSONL
08 / Área
Ferramentas de desenvolvimento e IA
Ferramentas que fazem a IA trabalhar com prova, e não com promessa.
VS Code API, Node.js, TypeScript, CDP, Playwright
Demonstração ao vivo
Esta cidade é desenhada agora, pelo código deste site.
Canvas 2D, sem bibliotecas: geração procedural com semente fixa, prédios que crescem a partir do centro, tráfego nas vias e resposta ao cursor. É o mesmo tipo de trabalho das áreas de WebGL e HTML5.
02 / Trabalhos selecionados
Projetos reais.
No ar e em evolução.
Primeiro o que já está entregue: dois sistemas no ar e um sistema financeiro desktop implementado. Depois, o que está em evolução: uma simulação esportiva, um city builder em Unity e um jogo HTML5 com motor WebGL próprio.
01 / Aplicações web
Meu Bolão
App web e Android de bolão esportivo
No arAplicação para organizar bolões entre amigos: rodadas, jogos, palpites, pontuação e ranking. Está no ar em meu-bolao.pages.dev e empacotada para Android.
- Pontuação por placar exato, vencedor, saldo de gols e gols por equipe
- React e Vite no front-end, Cloudflare D1 e KV no backend
- Android via Capacitor, com PWA, service worker e backup/restore
React / TypeScript / ViteCloudflare Pages / D1 / KVCapacitorWorkbox / service worker
02 / Gestão e desktop
Gestão de Fisioterapia
Site profissional e software de gestão clínica
No arDuas peças para uma fisioterapeuta: o site público, no ar em drasaralanzoni.com.br, e uma aplicação de gestão para agenda, prontuário, documentos e financeiro de atendimento.
- Site no ar no Cloudflare Pages, com dados estruturados e sitemap
- Agenda por dia, semana e mês com detecção de conflitos
- Prontuário com anexos em IndexedDB, versão de esquema e validação de backup
HTML / CSS / JavaScriptIndexedDB / localStorageCloudflare Pages
03 / Gestão e desktop
Finanças 2
Sistema desktop de gestão financeira
ImplementadoAplicativo offline para Windows com 25 módulos: lançamentos, contas, cartões, orçamento, metas, dívidas, investimentos e relatórios, além de importação de extratos em seis formatos.
- Importa PDF, XLSX, CSV, JSON, OFX e CNAB 240 com pré-visualização e detecção de duplicidade
- Python 3.11, PyQt6, SQLAlchemy e SQLite com banco isolado por perfil
- Perfis básico, avançado e completo mudam a complexidade sem perder dados
Python / PyQt6SQLAlchemy / SQLiteQPainter / QPrinterPowerShell / BAT
04 / Dados e simulação
Clube do Tempo
Jogo de gestão esportiva com campanha persistente
Em desenvolvimentoJogo de gestão de clubes e seleções com um mundo esportivo inteiro: competições, calendário, carreira e campanha que persiste. Por baixo, motores próprios de banco de dados, persistência e simulação.
- Pacotes de dados .ctdb assinados, validados por JSON Schema e publicados de forma atômica
- Persistência com snapshot, journal, tombstones e migração idempotente
- 240 casos de QA mapeados no motor de seleções nacionais
JavaScript / TypeScriptAndroid / WebViewNode.jsJSON Schema / JSONLZIP, assinatura e hashes
05 / Unity e Godot
Urbanova
City builder 3D, com linha web e linha Unity
Em desenvolvimentoJogo de construção e simulação urbana. Uma versão web em Three.js serve de referência executável; a versão produto está sendo construída em Unity com URP.
- Grade 128×128 com gerador de mapa, relógio, vias com custo e save versionado
- Parecer de 30/07: 236 testes Edit Mode e 5 Play Mode aprovados em Unity
- Linha web com quatro biomas, clima determinístico, zoneamento, tráfego e 73 testes
Unity / C# / URPThree.js / WebGLBlender / glTF / GLBIndexedDB
06 / HTML5 e Canvas
APEX Dynasty
Jogo de gestão automobilística em HTML5
Protótipo em evoluçãoJogo 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.
- 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
HTML5 / CSS / JavaScriptWebGL (engine3d.js)SVGPWA / manifest / cache
03 / Estágios
Cada projeto com estágio claro.
E o próximo passo mapeado.
Você vê onde cada trabalho está e o que vem a seguir. É assim que o andamento do seu projeto é reportado também.
- No ar
- Publicado e em uso, com evolução contínua.
- Implementado
- Núcleo construído e documentado, com as próximas etapas mapeadas.
- Em desenvolvimento
- Construção ativa: partes principais funcionando e próximas etapas definidas.
- Protótipo em evolução
- Versão jogável ou navegável que valida a ideia e orienta a próxima versão.
- Em estruturação
- Arquitetura e revisão técnica que preparam a implementação.
04 / O estúdio
Um estúdio independente. Acompanhamento direto.
A HB Software Studios é um estúdio independente de desenvolvimento. Você fala direto com quem desenvolve, da conversa inicial à entrega combinada, em qualquer uma das oito áreas.
Tecnologia com critério
Assistentes de IA entram no processo com ferramentas próprias do estúdio para controlar esse uso. A IA apoia pesquisa, implementação e revisão; escopo, testes e entrega continuam sob responsabilidade humana.
05 / Perguntas frequentes
Antes de começar.
Com quem eu falo durante o projeto?
Direto com quem desenvolve, do primeiro contato à entrega. A HB Software Studios é um estúdio independente, sem intermediários comerciais.
Preciso chegar com tudo definido?
Não. A primeira conversa serve para entender a necessidade. Quando o problema ainda está aberto, dá para contratar um diagnóstico curto antes da construção.
Quanto custa e quanto tempo leva?
Depende do escopo, da plataforma e das integrações. Preço e prazo saem depois de entender o que precisa ser feito, considerando a capacidade real de execução do estúdio.
Vocês usam inteligência artificial?
Sim, com ferramentas próprias para controlar esse uso. A IA ajuda em pesquisa, implementação e revisão; escopo, testes e entrega continuam sob responsabilidade do estúdio.
O que significa o estágio de cada projeto?
Cada projeto mostra onde está hoje (no ar, implementado, em desenvolvimento, protótipo em evolução ou em estruturação) e quais são as próximas etapas. É assim que o andamento do seu projeto é reportado também.
Tem algum sistema no ar para ver?
Sim. O Meu Bolão está em meu-bolao.pages.dev e o site de uma fisioterapeuta em drasaralanzoni.com.br. Os links estão nas páginas de cada projeto.
Vocês fazem manutenção?
Sim, manutenção e evolução de sistemas desenvolvidos pelo estúdio, com escopo e disponibilidade combinados. Sistemas herdados de terceiros não entram nessa oferta.
O código fica comigo?
Entregáveis, acesso ao código e orientações de continuidade são definidos na proposta. Licenças de terceiros e custos de infraestrutura aparecem separados.
O próximo passo
Qual área o seu projeto precisa?
Conte o que você quer construir. Na primeira conversa entendemos a necessidade e dizemos com franqueza qual caminho faz sentido e como entregar.
Conversar sobre meu projeto