HaxTrace

Vectoriza imagenes para Haxball

🇪🇸 Español | 🇺🇸 English

Editor · Funciones · Flujo de trabajo · Atajos · FAQ

Tip

HaxTrace está pensado para mappers que necesitan geometría perfecta. Usa Snap-to-Grid y las Smart Guides para alinear cada vértice sin perder precisión.

---

🖥️ Interfaz

---

🧠 ¿Qué es HaxTrace?

HaxTrace convierte un logo o una imagen de referencia en geometría nativa de Haxball: vértices y segmentos reales, renderizados en tiempo real sobre HTML5 Canvas.

Subís tu logo → trazás con precisión → exportás vértices y segmentos listos para tu .hbs.

---

✨ Funciones

🎯 Precisión & Asistencia Smart Guides — alineación dinámica X/Y con resalte en cian. Mirror Mode — simetría real en tiempo real (vertical / horizontal). Vertex Magnetic — atrae el cursor a puntos existentes para conexiones perfectas. Gap Detector — localiza vértices sueltos que rompen la colisión física.

⚡ Interacción Avanzada Omni-Selection — selección múltiple universal con cuadro de selección (marquee). Edit in Bulk — cambiá bouncing, color o visibilidad de varios segmentos a la vez. Keyboard Mastery — atajos profesionales para un flujo de trabajo sin mouse.

---

🔁 Flujo de trabajo

1. Subí tu logo o imagen de referencia al lienzo.
2. Trazá los vértices — Snap-to-Grid y Vertex Magnetic hacen que cada punto encaje solo.
3. Alineá con Smart Guides y activá Mirror Mode si el logo es simétrico.
4. Revisá con Gap Detector antes de exportar — un vértice suelto es una fuga de colisión invisible a simple vista.
5. Exportá la geometría y pegala en vertexes / segments de tu mapa.

---

⌨️ Atajos de teclado

Atajo	Acción
Ctrl + Z	Deshacer
Ctrl + Shift + Z	Rehacer
Delete / Backspace	Eliminar selección
Esc	Deseleccionar
Ctrl + A	Seleccionar todo

---

🔒 Decisiones de diseño

Decisión	Riesgo que mitiga
Geometría nativa (vértices/segmentos) en vez de rasterizar la imagen	Haxball solo calcula colisión sobre vertexes/segments — un PNG de fondo no choca con nada.
Gap Detector	Un vértice "casi" pegado a otro genera fugas de colisión que a simple vista parecen una pared cerrada.
Smart Guides en cian	Mismo contraste sobre lienzos claros y oscuros, sin perderse entre el trazo.
Vertex Magnetic	Evita micro-huecos invisibles entre segmentos que deberían compartir un punto exacto.

---

❓ FAQ

¿Necesito instalar algo? No. HaxTrace corre 100% en el navegador, sin registro ni instalación.

¿Qué subo como referencia? Cualquier imagen (PNG, JPG, WebP) que quieras vectorizar.

¿Qué obtengo al exportar? Vértices y segmentos listos para pegar directamente en tu .hbs.

¿Funciona mejor en escritorio o en mobile? Recomendado en escritorio — el trazado de precisión depende de mouse + teclado.

---

🗺️ Roadmap

• Smart Guides + Snap-to-Grid
• Mirror Mode (vertical / horizontal)
• Vertex Magnetic
• Gap Detector
• Omni-Selection (marquee)
• Atajos de teclado profesionales
• Rediseño a la interfaz
• Hacer una té

---

⚠️ Estado

Estado del proyecto: v2.7.0 — editor estable, en uso activo por la comunidad de mappers de Haxball.

---

Contribuidores

---

📄 Licencia

MIT

---

Hecho con ❤️ por mo0negtt

🇵🇸 🇪🇭