Saltar al contenido

BENNE: un motor de juegos point and click gratis para la web, hecho con Phaser 4 y TypeScript

abe ·

BENNE es un motor gratuito con licencia MIT y un editor para VS Code pensado para aventuras gráficas clásicas que se juegan en el navegador. Te contamos qué hace, cómo empezar un proyecto y cómo publicarlo en itch.io.

Portada VENO: captura pixel art inclinada de Hank Steele con su barra de verbos y la oficina de la demo de BENNE, con el texto Motor gratis, BENNE × Phaser 4, Point & Click y Aventuras en tu navegador

BENNE es un motor de juegos point and click gratuito para la web. Está construido sobre Phaser 4 con un núcleo en TypeScript e incluye su propio editor para Visual Studio Code, así que puedes crear una aventura clásica con escenarios, verbos, inventario y diálogos, y después publicarla como juego de navegador. Lo desarrolla Bennethon y se distribuye bajo licencia MIT.

Si creciste con aventuras gráficas en pixel art en las que pulsabas “Look at” (Mirar) sobre todo, BENNE intenta darte esa misma sensación con herramientas web modernas. Esta guía repasa qué trae, cómo crear tu primer proyecto y cómo subir el juego terminado a itch.io.

BENNE de un vistazo

Qué es Motor + editor para VS Code para aventuras gráficas point and click
Creado por Bennethon
Basado en Phaser 4, TypeScript, Vite
Licencia MIT (gratis, código abierto)
Funciona en Cualquier navegador moderno; las versiones de escritorio para Windows son opcionales
Última versión v0.1.3 (25 de octubre de 2026) en GitHub
Primer juego hecho con él Hank Steele and the AI Apocalypse (juego de game jam, gratis)
Web oficial benne.games

Arte de BENNE: logotipo pixelado junto a un monitor CRT retro beige con pantalla Play, imagen: Bennethon

El número de versión ya te dice algo importante: BENNE es muy joven. La primera versión 0.1 salió en octubre de 2026, así que espera cambios entre versiones y lee las notas de lanzamiento antes de actualizar un proyecto que ya tengas en marcha.

Qué hace por ti un motor point and click

Una aventura point and click parece sencilla en pantalla, pero por dentro necesita mucha fontanería: un personaje que esquive obstáculos al caminar, zonas en las que se puede hacer clic, un sistema de verbos, un inventario donde usar objetos sobre otras cosas, conversaciones ramificadas, escenas cinemáticas y partidas guardadas. Un motor generalista como Phaser te da sprites, control de entrada y sonido, pero no estas reglas propias del género.

BENNE añade esa capa encima de Phaser 4. Según su guía oficial, se inspira en Adventure Game Studio y en el motor SCUMM de LucasArts, e incluye:

  • Escenarios, personajes, inventario y diálogos como piezas listas para usar.
  • Árboles de diálogo con seguimiento de estado, para que las opciones aparezcan o desaparezcan según avanza la historia.
  • Escalado de perspectiva y tintado por regiones, para que el personaje se haga más pequeño al caminar “hacia el fondo” de la escena.
  • Usar objetos del inventario sobre un objetivo, escenas cinemáticas, fundidos de pantalla, personajes que siguen a otros y ajustes de voz y audio guardados.
  • Música, efectos de sonido, diálogos con voz y cinemáticas en vídeo, todo referenciado con recursos con nombre que se autocompletan.
  • Un sistema de interfaz basado en JSON con imágenes 9-slice, botones, deslizadores, listas y campos de texto.

Demo jugable de BENNE: un desarrollador pixelado ofrece una visita en su oficina con PC retro, imagen: Bennethon

Puedes probarlo tú mismo: la página oficial tiene una pequeña demo jugable en la que recorres la oficina del desarrollador.

Verbos, estilos y las reglas “con opinión propia”

Los estilos de interacción se definen en un archivo game-config.json. Eso significa que un mismo motor puede crear un juego clásico de nueve verbos con una barra al estilo LucasArts (“Walk to”, “Look at”, “Use”…), un juego moderno de dos clics (clic izquierdo para actuar, clic derecho para mirar) o una configuración al estilo Sierra o híbrida.

Hank Steele, hecho con BENNE: un conserje en una máquina del tiempo sobre la barra de verbos, imagen: Bennethon

BENNE también es estricto a propósito en algunos puntos, lo que mantiene los proyectos coherentes:

Área La regla de BENNE Qué significa para ti
Sprites Hojas de sprites de Aseprite con animaciones etiquetadas Animas en Aseprite; otros flujos de importación están en la hoja de ruta
Texto Solo fuentes bitmap Texto pixelado nítido a cualquier escala
Resolución Resolución interna baja, normalmente de 320×240 a 640×480 Escalado entero o casi entero para un pixel art nítido
Forma del mundo Polígonos para zonas caminables, zonas interactivas y regiones Sin mapas de tiles ni cuadrículas; dibujas las formas en el editor
Scripts Las líneas de BenneScript se ejecutan en orden Un desplazamiento o una frase termina antes de que empiece la siguiente línea

Si buscas un motor libre para cualquier género, estos límites pueden quedarse cortos. Si quieres hacer una aventura retro rápido, te ahorran muchas decisiones.

Cómo empezar tu primer proyecto con BENNE

La guía oficial de instalación pide tres cosas: Visual Studio Code 1.106 o superior, una versión LTS actual de Node.js y, como recomendación, Aseprite para tus sprites. Después:

  1. Abre la vista de extensiones en VS Code, busca BENNE Editor e instálala. Aparecerá un icono de BENNE en la barra de actividades.
  2. Abre la paleta de comandos y ejecuta BENNE: Create New Game.
  3. Elige una plantilla: 9-verb (barra de verbos clásica), 2-click (controles mínimos) o Blank (vacía, no recomendada para principiantes).
  4. Ponle nombre al proyecto y elige una carpeta. La extensión genera los archivos y ejecuta npm install por ti.
  5. Abre la nueva carpeta y ejecuta npm run dev para tener un servidor de desarrollo con recarga en caliente.

Todo tu contenido vive en src/game/: escenarios, personajes, interfaces, inventario, diálogos, recursos y game-config.json. Las carpetas del motor las gestiona el editor, así que las actualizaciones del motor no sobrescriben tu historia.

Diagrama de BENNE: hoja de sprites, editor de código, juego de navegador, ZIP y versión de escritorio

Cómo se ve BenneScript

Los scripts son TypeScript, pero BenneScript te deja escribir la lógica de la aventura casi como un guion de teatro. Una línea como Hank: `It's open!` hace hablar al personaje, y no tienes que escribir await en cada acción. Un script típico de una puerta lleva al jugador hasta ella con walkToClicked(), quita la llave con inventory.remove(items.key), reproduce un sonido, espera con wait(0.75) y cambia la animación de la puerta.

Algunos comandos más de la guía oficial:

  • rooms.<name>.goTo() te lleva a otro escenario.
  • cutscene(() => { … }) envuelve una escena que el jugador puede saltar con Esc.
  • .now, together(…) y background(…) permiten que varias acciones ocurran a la vez.
  • npm run lint revisa tus scripts en busca de errores comunes.

Los escenarios, objetos de decorado, ítems y sonidos son nombres tipados generados a partir de tu contenido, así que el editor los autocompleta y detecta erratas pronto.

Publicar un juego de BENNE en itch.io y Windows

Publicar es donde BENNE resulta más útil para quien hace juegos web, porque se ocupa de los detalles que suelen romper las subidas en HTML5.

  1. Ejecuta npm run build:itch en la carpeta del juego. Comprueba los tipos, compila, verifica los límites de número de archivos y tamaño de itch.io y genera releases/<package-name>-itch.zip.
  2. Prueba la versión de producción con npm run preview. Abrir dist/index.html directamente no se comporta como un alojamiento web real.
  3. En itch.io, sube el ZIP como proyecto HTML y marca “playable in the browser” (jugable en el navegador). El archivo index.html ya está en la raíz del ZIP.
  4. Opcional: ejecuta npm run build:windows para obtener un ZIP portátil para Windows que incluye Electron. Los jugadores lo descomprimen y ejecutan el .exe, sin necesidad de Node.js. Súbelo como archivo aparte marcado como Windows.

Dos apuntes prácticos de la guía: las versiones para Windows no están firmadas, así que pruébalas antes en un PC con Windows real, y las partidas guardadas del navegador y del escritorio se almacenan por separado. En los scripts, game.isDesktop te dice qué versión se está ejecutando, algo útil para ocultar un botón “Quit” (Salir) en el navegador.

Hank Steele: así es un juego de BENNE hecho en 14 días

El primer juego creado con BENNE es Hank Steele and the AI Apocalypse, una aventura cómica sobre un conserje que viaja diez años al futuro, donde la IA ha tomado el control, y tiene que reparar una máquina del tiempo para volver a casa. Bennethon lo hizo en 14 días para la $110 Adventure Game Challenge, una game jam con el tema “Delayed Consequences” (consecuencias aplazadas). Es gratis en itch.io, se juega en el navegador o en Windows y dura alrededor de media hora.

Hank Steele habla con una científica del tiempo en un pasillo pixelado con robot de limpieza, imagen: Bennethon

La página de itch.io indica que se usaron herramientas de IA como ayuda para el código, los gráficos y los sonidos del juego. BENNE en sí no exige IA; puedes dibujar cada fotograma a mano en Aseprite.

Para quién es BENNE

  • Fans de las aventuras que programan un poco: las plantillas y BenneScript te dejan centrarte en los puzles y los chistes.
  • Desarrolladores de juegos web: obtienes un proyecto en Phaser 4 y TypeScript que puedes leer y ampliar, además de una exportación limpia a itch.io.
  • Equipos de game jams: ya existe un juego de jam hecho en 14 días, así que un plazo corto es realista.

Encaja peor si hoy necesitas mundos basados en tiles, arte en alta resolución o un motor 1.0 estable para un proyecto comercial largo.

Preguntas frecuentes

¿BENNE es gratis?

Sí. La web oficial indica que BENNE tiene licencia MIT, así que puedes usarlo gratis, también en tus propios juegos.

¿Necesito saber Phaser para usar BENNE?

No. BENNE se encarga por ti de los escenarios, los verbos, el inventario y los diálogos. Saber TypeScript ayuda, y conocer Phaser es útil si quieres ampliar el motor.

¿Los juegos de BENNE funcionan en el móvil?

Las versiones de BENNE funcionan en cualquier navegador moderno. El motor está pensado para apuntar con ratón, así que prueba los controles táctiles en un teléfono antes de prometer compatibilidad móvil.

¿Qué resolución debe usar un juego de BENNE?

La guía recomienda una resolución interna baja, normalmente entre 320×240 y 640×480, escalada por números enteros para que el pixel art se vea nítido.

¿Cómo subo un juego de BENNE a itch.io?

Ejecuta npm run build:itch, sube el ZIP de la carpeta releases como proyecto HTML y márcalo como jugable en el navegador.

¿Dónde puedo aprender más?

Empieza por la guía oficial de BENNE, la guía de publicación y el código fuente en GitHub.

Artículos relacionados

Cargando juego…

VENOGAME / PLAYBOOK

Mi arena

Guardado en este dispositivo. Sin cuenta.

Toca un corazón y crea tu colección de juegos.