Mis mejores utilidades, ahora en tu móvil.
Accede a todas mis herramientas y proyectos de forma rápida, optimizada y en un solo lugar.
# Guía de Formato para Exportaciones HTML5 de Juegos en Itch.io
Publicar juegos HTML5 y WebGL en Itch.io requiere configurar correctamente las dimensiones del viewport, la estructura de archivos y las cabeceras de seguridad cross-origin. Los juegos basados en navegador deben cargarse dentro de un iframe sin generar scrollbars ni recortes de canvas. 16:9 Horizontal Relación de Aspecto Estándar
960 x 540 px Resolución Clásica Itch
index.html en Raíz Archivo de Entrada Requerido
Cabeceras COOP / COEP Requisito Godot 4
# Requisitos de Exportación Web por Motor
Distintos motores de juego generan paquetes únicos para la web. Conocer las restricciones específicas de cada motor ayuda a eliminar errores de carga antes de publicar.Godot Engine (Exportación HTML5)
Genera index.html junto con binarios WebAssembly (.wasm) y el paquete de datos principal (.pck). Godot 4 requiere soporte SharedArrayBuffer activado en Itch.io.
Unity WebGL Build
Estructura el build en un directorio Build/ con archivos framework.js, data y wasm. El tamaño del canvas es fijo y requiere dimensiones explícitas del iframe para evitar scrollbars.
Phaser y Construct
Builds JavaScript ligeros con canvas HTML5 o renderizador WebGL. Ideales para escalado responsive de ventana completa y bajo consumo de memoria en móvil.
# Errores Comunes al Empaquetar para Itch.io y Cómo Resolverlos
| Tipo de Error | Causa Raíz | Solución Recomendada |
|---|---|---|
| index.html anidado | Comprimir la carpeta padre en lugar del contenido | Asegúrate de que index.html está directamente en la raíz del archivo. |
| Error 404 por mayúsculas | Rutas de archivos con diferencias de mayúsculas/minúsculas | Mantén todas las extensiones y referencias en minúsculas para evitar errores en servidores Linux. |
| Scrollbars en el canvas | Dimensiones del viewport menores que el canvas | Define las dimensiones del embed de Itch.io 20px más grandes que el canvas o elimina los márgenes de desbordamiento. |
| Audio sin comprimir | Archivos WAV grandes en el paquete web | Comprime los efectos de sonido y música en formato OGG o MP3 para reducir el tiempo de descarga inicial. |
Al embeber un juego WebGL de 1280x720 en Itch.io, configura las dimensiones del viewport del embed exactamente a 1280x720 con "Embed in page" activado y "Click to launch" desactivado.