Convertir SB3 a HTML

Un navegador, un sitio web o un quiosco sin conexión pueden requerir un proyecto de Scratch como archivo HTML reproducible en lugar de una descarga .sb3. Empaquetar el proyecto como HTML permite a los destinatarios ejecutarlo sin abrir el editor de Scratch, conservando al mismo tiempo el archivo SB3 original para futuras ediciones.

Qué es el formato SB3

SB3 es el formato de proyecto de Scratch utilizado por Scratch y por editores compatibles como TurboWarp. Un archivo SB3 es un archivo ZIP que contiene project.json, sprites, disfraces, sonidos, scripts y otros recursos del proyecto.

Scratch crea un archivo SB3 mediante File → Save to your computer. Los proyectos descargados de Scratch, transferidos entre computadoras o importados en un editor compatible normalmente utilizan este formato. Cambiar el nombre de .sb3 a .html no convierte el archivo; un navegador no puede ejecutar la estructura del proyecto de Scratch sin un runtime de JavaScript.

Qué es el formato HTML

HTML es el formato de documento interpretado por los navegadores web. Para un proyecto de Scratch, el resultado útil es una aplicación HTML empaquetada que contiene o carga un runtime de JavaScript compatible con Scratch y los recursos del proyecto.

El resultado se puede compartir como una página web, insertar en un sitio o abrir para reproducirlo sin conexión. No es una conversión de los bloques de Scratch en elementos HTML ordinarios, como párrafos y encabezados; la lógica de los bloques sigue siendo datos interpretados por el runtime.

Cómo convertir SB3 a HTML

TurboWarp Packager es la opción más práctica para producir un archivo HTML reproducible en un navegador. Su versión en línea está disponible en packager.turbowarp.org, y su versión de escritorio es adecuada cuando el proyecto no debe cargarse en un servicio de terceros.

1. Conserva una copia intacta del archivo .sb3 original.
2. Abre TurboWarp Packager y selecciona la opción para cargar o elegir un proyecto.
3. Selecciona el archivo SB3 de tu computadora.
4. Revisa los ajustes disponibles, incluidos el comportamiento de pantalla completa, los controles, la carga del reproductor y si los datos del proyecto están integrados. Los nombres de los ajustes varían según la versión.
5. Elige la salida HTML y descarga el archivo .html generado.
6. Abre el archivo en un navegador actualizado, como Chrome, Firefox, Edge o Safari, y prueba los scripts, sprites, sonidos, controles del teclado y cualquier función de guardado.

El empaquetador en línea es práctico cuando es aceptable cargar el proyecto. Usa el empaquetador de escritorio para proyectos privados, grandes o confidenciales. Los sitios genéricos de conversión de archivos generalmente no pueden realizar esta conversión: es posible que solo cambien el nombre del archivo o extraigan su contenido ZIP, sin añadir el runtime necesario para ejecutar los bloques de Scratch.

Limitaciones de calidad y compatibilidad

El HTML generado es una aplicación empaquetada, no un proyecto de Scratch editable. Conserva el archivo SB3 si posteriormente es necesario cambiar los bloques, disfraces, sonidos o la estructura del proyecto; vuelve a abrir ese archivo en Scratch o TurboWarp.

Prueba el proyecto empaquetado, ya que el comportamiento puede diferir del sitio web de Scratch. Las extensiones, las variables en la nube, los servicios en línea, el acceso al micrófono y la cámara, las políticas de seguridad del navegador y las funciones específicas del dispositivo pueden requerir acceso a la red, permisos del usuario o compatibilidad específica de TurboWarp. Es posible que las variables en la nube y otras funciones del servidor de Scratch no funcionen cuando el archivo HTML se abre localmente.

Un archivo HTML independiente puede ser grande porque incluye el runtime y los recursos del proyecto. Si el empaquetador ofrece recursos externos o un paquete ZIP, usa esa opción para la distribución solo cuando todos los recursos generados se conserven junto con el archivo HTML; algunos navegadores también restringen el acceso desde archivos locales a recursos externos. JavaScript debe estar habilitado para que se ejecute el proyecto empaquetado.