Etapa 4: editor visual de mapas dentro del juego

[leocagli]

Parte de #2 (modo construcción). Depende de todas las issues de API.

Esta es la cara visible del proyecto: el editor de mapas dentro del navegador, con el juego corriendo.

Contexto

El cliente es Next.js con PixiJS. El mundo se renderiza en un canvas de 21x21 tiles (672x672 px, tiles de 32). Esta issue vive en el código del frontend, no en api/.

Alcance

1. Modo edición activable por cuentas con permiso, sin salir del juego.
2. Selector de herramienta: pincel de terreno, colocar NPC, colocar objeto, definir salida.
3. Paleta visual de tiles del mapa actual, con los gráficos subidos incluidos.
4. Subir un PNG desde el propio editor y usarlo como pincel.
5. Pintar con arrastre, y selección rectangular para pintar áreas.
6. Deshacer y rehacer con atajos de teclado.
7. Botón de publicar, con confirmación y aviso de cuántos jugadores hay en el mapa.
8. Indicador visible de que se está en modo edición, para no confundirlo con jugar.

Detalles que importan

• El canvas ya convierte pantalla a tile: la lógica de pointerdown calcula tileX y tileY dividiendo por el tamaño de tile. Reutilizar eso.
• El editor debería mostrar una grilla superpuesta y resaltar el tile bajo el cursor.
• Los tiles bloqueados deberían poder visualizarse como overlay, porque es el error más fácil de cometer y el más difícil de ver.
• Conviene que el modo edición deshabilite el movimiento del personaje, o el jugador se va a mover mientras pinta.

Criterios de aceptación

• Una cuenta con permiso puede activar el modo edición sin recargar
• Pintar terreno con arrastre funciona con mouse
• Se puede subir un PNG y usarlo como pincel en la misma sesión
• Deshacer y rehacer responden a atajos
• Publicar muestra confirmación y avisa si hay jugadores en el mapa
• El overlay de tiles bloqueados se puede activar y desactivar
• Una cuenta sin permiso no ve el modo edición

Fuera de alcance de esta issue

Soporte táctil del editor. El juego tiene su propio trabajo de mobile en curso; el editor puede asumir mouse y teclado en su primera versión.

[chfr19820610-cell]

Subject: Bounty Application – Etapa 4: Visual Map Editor (OpenAO)

I have strong experience building interactive graphical tools with PixiJS and Next.js, and I’m confident I can deliver the in-game map editor for OpenAO. My background includes real-time canvas rendering, tile-based world editors, and integrating editor UI with running game state. I understand the 21x21 tile grid (32px tiles) constraint and the dependency on the API issues. I can complete this task within 2 weeks after the API dependencies are resolved.

[chfr19820610-cell]

Subject: Bounty Application – Etapa 4: Visual Map Editor (OpenAO)

I have strong experience building interactive graphical tools with PixiJS and Next.js, and I’m confident I can deliver the in-game map editor for OpenAO. My background includes real-time canvas rendering, tile-based world editors, and integrating editor UI with running game state. I understand the 21x21 tile grid (32px tiles) constraint and the dependency on the API issues. I can complete this task within 2 weeks after the API dependencies are resolved.

[chfr19820610-cell]

Subject: Bounty Application – Etapa 4: Visual Map Editor (OpenAO)

I have strong experience building interactive graphical tools with PixiJS and Next.js, and I’m confident I can deliver the in-game map editor for OpenAO. My background includes real-time canvas rendering, tile-based world editors, and integrating editor UI with running game state. I understand the 21x21 tile grid (32px tiles) constraint and the dependency on the API issues. I can complete this task within 2 weeks after the API dependencies are resolved.

[chfr19820610-cell]

Subject: Bounty Application – Etapa 4: Visual Map Editor (OpenAO)

I have strong experience building interactive graphical tools with PixiJS and Next.js, and I’m confident I can deliver the in-game map editor for OpenAO. My background includes real-time canvas rendering, tile-based world editors, and integrating editor UI with running game state. I understand the 21x21 tile grid (32px tiles) constraint and the dependency on the API issues. I can complete this task within 2 weeks after the API dependencies are resolved.