Pular para o conteúdo

BENNE: uma engine de jogos point and click grátis para a web, feita com Phaser 4 e TypeScript

abe ·

BENNE é uma engine gratuita com licença MIT e um editor para VS Code para criar aventuras point and click clássicas que rodam no navegador. Veja o que ela faz, como começar um projeto e como publicar no itch.io.

Capa VENO: captura em pixel art inclinada de Hank Steele com a barra de verbos e o escritório da demo do BENNE, com as palavras Engine grátis, BENNE × Phaser 4, Point & Click e Aventuras no seu navegador

BENNE é uma engine de jogos point and click gratuita para a web. Ela é construída sobre o Phaser 4 com núcleo em TypeScript e vem com seu próprio editor para Visual Studio Code, então dá para criar uma aventura clássica com cenários, verbos, inventário e diálogos e depois publicar como jogo de navegador. A engine é feita pelo desenvolvedor Bennethon e lançada sob a licença MIT.

Se você cresceu com aventuras em pixel art em que clicava em “Look at” (Olhar) em tudo, o BENNE tenta trazer essa sensação com ferramentas web modernas. Este guia mostra o que vem dentro, como criar seu primeiro projeto e como colocar o jogo pronto no itch.io.

BENNE em resumo

O que é Engine + editor para VS Code para jogos de aventura point and click
Criado por Bennethon
Baseado em Phaser 4, TypeScript, Vite
Licença MIT (grátis, código aberto)
Roda em Qualquer navegador moderno; versões desktop para Windows são opcionais
Versão mais recente v0.1.3 (25 de outubro de 2026) no GitHub
Primeiro jogo feito com ela Hank Steele and the AI Apocalypse (jogo de game jam, grátis)
Site oficial benne.games

Arte do BENNE: logo em pixel ao lado de um monitor CRT retrô bege mostrando Play, imagem: Bennethon

O número da versão já diz algo importante: o BENNE é novinho. A primeira versão 0.1 saiu em outubro de 2026, então espere mudanças entre versões e leia as notas de lançamento antes de atualizar um projeto existente.

O que uma engine point and click faz por você

Uma aventura point and click parece simples na tela, mas por baixo precisa de muito encanamento: um personagem que desvia de obstáculos ao andar, áreas clicáveis, um sistema de verbos, um inventário em que itens podem ser usados em outras coisas, conversas ramificadas, cutscenes e jogos salvos. Uma engine genérica como o Phaser oferece sprites, entrada de controles e som, mas não essas regras de aventura.

O BENNE adiciona essa camada por cima do Phaser 4. Segundo o guia oficial, ele se inspira no Adventure Game Studio e na engine SCUMM da LucasArts, e já vem com:

  • Cenários, personagens, inventário e diálogos como blocos prontos para usar.
  • Árvores de diálogo com controle de estado, para que opções apareçam ou sumam conforme a história avança.
  • Escala de perspectiva e coloração por regiões, para que o personagem fique menor ao andar “para dentro” da cena.
  • Uso de item do inventário em um alvo, cutscenes, transições de tela, personagens que seguem outros e configurações de fala/áudio salvas.
  • Música, efeitos sonoros, diálogos dublados e cutscenes em vídeo, tudo referenciado por recursos nomeados com autocompletar.
  • Um sistema de interface baseado em JSON com imagens 9-slice, botões, sliders, caixas de lista e campos de texto.

Demo jogável do BENNE: um desenvolvedor em pixel art oferece um tour pelo escritório retrô, imagem: Bennethon

Você mesmo pode testar: a página oficial tem uma pequena demo jogável em que você anda pelo escritório do desenvolvedor.

Verbos, estilos e as regras “opinativas”

Os estilos de interação são definidos em um arquivo game-config.json. Ou seja, a mesma engine pode fazer um jogo clássico de nove verbos com barra no estilo LucasArts (“Walk to”, “Look at”, “Use”…), um jogo moderno de dois cliques (botão esquerdo para agir, botão direito para olhar) ou uma configuração no estilo Sierra ou híbrida.

Hank Steele, feito com BENNE: um zelador numa máquina do tempo acima da barra de verbos, imagem: Bennethon

O BENNE também é rígido de propósito em alguns pontos, o que mantém os projetos consistentes:

Área Regra do BENNE O que isso significa para você
Sprites Sprite sheets do Aseprite com animações marcadas por tags Você anima no Aseprite; outros fluxos de importação estão no roadmap
Texto Somente fontes bitmap Texto em pixel nítido em qualquer escala
Resolução Resolução interna baixa, geralmente de 320×240 a 640×480 Escala inteira ou quase inteira para pixel art nítida
Formato do mundo Polígonos para áreas de caminhada, hotspots e regiões Nada de tile maps ou grades; você desenha as formas no editor
Scripts Linhas de BenneScript rodam em ordem Uma caminhada ou fala termina antes de a próxima linha começar

Se você quer uma engine livre para qualquer gênero, esses limites podem parecer apertados. Se quer fazer uma aventura retrô rápido, eles eliminam muitas decisões.

Como começar seu primeiro projeto no BENNE

O guia oficial de instalação lista três coisas necessárias: Visual Studio Code 1.106 ou mais recente, uma versão LTS atual do Node.js e, como recomendação, o Aseprite para seus sprites. Depois:

  1. Abra a visualização de Extensões no VS Code, procure BENNE Editor e instale. Um ícone do BENNE aparece na Barra de Atividades.
  2. Abra a Paleta de Comandos e execute BENNE: Create New Game.
  3. Escolha um template: 9-verb (barra de verbos clássica), 2-click (controles mínimos) ou Blank (vazio, não recomendado para iniciantes).
  4. Dê um nome ao projeto e escolha uma pasta. A extensão gera os arquivos e roda npm install para você.
  5. Abra a nova pasta e rode npm run dev para ter um servidor de desenvolvimento com hot reload.

Todo o seu conteúdo fica em src/game/: cenários, personagens, interfaces, inventário, diálogos, assets e game-config.json. As pastas da engine são gerenciadas pelo editor, então atualizações da engine não sobrescrevem sua história.

Diagrama do BENNE: sprite sheet, editor de código, jogo de navegador, pacote ZIP e versão desktop

Como é o BenneScript

Os scripts são em TypeScript, mas o BenneScript permite escrever a lógica da aventura quase como um roteiro de teatro. Uma linha como Hank: `It's open!` faz o personagem falar, e você não precisa escrever await em cada ação. Um script típico de porta leva o jogador até ela com walkToClicked(), remove a chave com inventory.remove(items.key), toca um som, espera com wait(0.75) e troca a animação da porta.

Mais alguns comandos do guia oficial:

  • rooms.<name>.goTo() leva para outro cenário.
  • cutscene(() => { … }) envolve uma cena que o jogador pode pular com Esc.
  • .now, together(…) e background(…) deixam várias ações acontecerem ao mesmo tempo.
  • npm run lint verifica seus scripts em busca de erros comuns.

Cenários, objetos, itens e sons são nomes tipados gerados a partir do seu conteúdo, então o editor completa automaticamente e pega erros de digitação cedo.

Como publicar um jogo do BENNE no itch.io e no Windows

Publicar é onde o BENNE mais ajuda quem desenvolve jogos web, porque ele cuida dos detalhes que costumam quebrar uploads em HTML5.

  1. Rode npm run build:itch na pasta do jogo. Ele verifica os tipos, compila, confere os limites de quantidade de arquivos e de tamanho do itch.io e gera releases/<package-name>-itch.zip.
  2. Teste a build de produção com npm run preview. Abrir dist/index.html diretamente não se comporta como uma hospedagem web de verdade.
  3. No itch.io, envie o ZIP como projeto HTML e marque “playable in the browser” (jogável no navegador). O arquivo index.html já está na raiz do ZIP.
  4. Opcional: rode npm run build:windows para gerar um ZIP portátil para Windows que inclui o Electron. Os jogadores descompactam e executam o .exe, sem precisar de Node.js. Envie como arquivo separado marcado como Windows.

Duas dicas práticas do guia: as builds para Windows não são assinadas, então teste antes em um PC com Windows de verdade, e os saves do navegador e do desktop ficam guardados separadamente. Nos scripts, game.isDesktop diz qual build está rodando, o que ajuda a esconder um botão “Quit” (Sair) no navegador.

Hank Steele: como é um jogo do BENNE feito em 14 dias

O primeiro jogo criado com o BENNE é Hank Steele and the AI Apocalypse, uma aventura de comédia sobre um zelador que viaja dez anos para o futuro, onde a IA tomou o controle, e precisa consertar uma máquina do tempo para voltar para casa. Bennethon o fez em 14 dias para a $110 Adventure Game Challenge, uma game jam com o tema “Delayed Consequences” (consequências adiadas). Ele é grátis no itch.io, roda no navegador ou no Windows e dura cerca de meia hora.

Hank Steele conversa com uma cientista do tempo num corredor em pixel art com robô de limpeza, imagem: Bennethon

A página no itch.io informa que ferramentas de IA ajudaram no código, nos gráficos e nos sons do jogo. O BENNE em si não exige IA; você pode desenhar cada quadro à mão no Aseprite.

Para quem é o BENNE

  • Fãs de aventura que programam um pouco: os templates e o BenneScript mantêm o foco nos puzzles e nas piadas.
  • Desenvolvedores de jogos web: você ganha um projeto em Phaser 4 e TypeScript que dá para ler e expandir, além de uma exportação limpa para o itch.io.
  • Equipes de game jam: já existe um jogo de jam feito em 14 dias, então um prazo curto é realista.

Ele é menos indicado se você precisa hoje de mundos baseados em tiles, arte em alta resolução ou de uma engine 1.0 estável para um projeto comercial longo.

Perguntas frequentes

O BENNE é grátis?

Sim. O site oficial informa que o BENNE usa a licença MIT, então você pode usá-lo de graça, inclusive nos seus próprios jogos.

Preciso saber Phaser para usar o BENNE?

Não. O BENNE cuida de cenários, verbos, inventário e diálogos para você. Saber TypeScript ajuda, e conhecer Phaser é útil se você quiser expandir a engine.

Jogos feitos com BENNE rodam no celular?

As builds do BENNE rodam em qualquer navegador moderno. A engine foi pensada para apontar com o mouse, então teste os controles de toque em um celular antes de prometer suporte mobile.

Qual resolução usar em um jogo do BENNE?

O guia sugere uma resolução interna baixa, geralmente entre 320×240 e 640×480, ampliada por números inteiros para a pixel art continuar nítida.

Como subir um jogo do BENNE no itch.io?

Rode npm run build:itch, envie o ZIP da pasta releases como projeto HTML e marque como jogável no navegador.

Onde posso aprender mais?

Comece pelo guia oficial do BENNE, pelo guia de publicação e pelo código-fonte no GitHub.

Artigos relacionados

Carregando jogo…

VENOGAME / PLAYBOOK

Minha arena

Salvo neste dispositivo. Sem conta.

Toque em um coração e crie sua coleção.